单选框

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

TIP

关于创建一组单选框的其他可能性,请参阅 QOptionGroup

QRadio API

Loading QRadio API...

用法

标准




自定义图标
v2.5+




紧凑模式




着色

在下面示例的第二行中,即使单选按钮未处于切换状态,设置了 keep-color 属性依然会进行着色。




黑色背景和禁用







标签放在左边




大小

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




搭配 QOptionGroup

TIP

您还可以使用 QOptionGroup,当您有多组单选框时,它可以简化使用,如下面的示例所示。




搭配 QItem

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




原生表单提交

当处理一个带有 actionmethod 的原生表单时(如:使用 Quasar 和 ASP.NET 控制器时),您需要为 QRadio 声明 name 属性,否则表单数据中不会包含它: