单选框

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

TIP

另请参阅QOptionGroup,以了解创建单选框组的其他可能性。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

标准

Standard

稠密

Dense

着色

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

Coloring

暗色和禁用

On a dark background
Disable

标签在左侧

Label on left side

尺寸

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

Standard sizes

使用QOptionGroup

TIP

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

Usage with QOptionGroup

使用QItem

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

With QItem

本地表单提交

当处理具有actionmethod的原生形式时(例如,使用Quasar和ASP.NET控制器),则需要在QRadio上指定name属性,否则formData将不包含它(如果应该的话):

Native form

QRadio API

Loading API...
Please wait...