QRadio 组件是采集用户输入的一个基本元素。您可以使用它为用户提供一种从多个选项中选择选项的方法。

QRadio API

用法

标准用法

带自定义图标

v2.5+

紧凑模式

着色

在下面的示例中，第二行使用了 keep-color 属性来保持单选框在未选中状态下的颜色。

强制暗色模式

禁用状态

左侧标签

尺寸

除了标准尺寸外，您还可以通过 size 属性定义自己的尺寸（最后一个示例是自定义尺寸）。

搭配 QOptionGroup

搭配 QItem

在下面的示例中，我们渲染了一个 <label> 标签（注意 tag="label"），这样 QRadio 就能响应 QItem 的点击来改变选中状态。

原生表单提交

当处理一个带有 action 和 method 的原生表单时（如：使用 Quasar 和 ASP.NET 控制器时），您需要为 QRadio 声明 name 属性，否则表单数据中不会包含它（如果应该包含的话） - 所有值都会被转换为字符串（原生行为，所以不要使用对象值）：