为什么捐赠
API 资源管理器
单选按钮

QRadio 组件是另一个用于用户输入的基本元素。您可以使用它来为用户提供从多个选项中选择一个选项的方式。

提示

请参考 QOptionGroup 以了解创建单选按钮组的其他可能性。

正在加载 QRadio API...

用法

标准

标准



带自定义图标
v2.5+

带图标



紧凑

紧凑



着色

在下面的示例中,第二行使用属性 keep-color 来保留在单选按钮未处于选中状态时传递的颜色。

着色



强制暗模式

强制暗模式



禁用

禁用



标签在左侧

标签在左侧



尺寸

除了以下标准尺寸,您还可以通过 size 属性(最后一个是自定义尺寸)定义您自己的尺寸。

标准尺寸



带 QOptionGroup

提示

您还可以使用 QOptionGroup,当您有多组单选按钮时,它会简化使用,例如以下示例。

带 QOptionGroup 的用法



带 QItem

在以下示例中,我们正在渲染一个 <label> 标签(注意 tag="label"),因此 QRadio 将响应对 QItems 的点击以更改切换状态。

带 QItem



原生表单提交

在处理具有 actionmethod 的原生表单时(例如,在使用 Quasar 与 ASP.NET 控制器时),您需要在 QRadio 上指定 name 属性,否则 formData 将不会包含它(如果应该) - 所有值都被转换为字符串(原生行为,因此不要使用对象值)

原生表单