- Radio 单选框
- 基础用法
- 禁用状态
- 单选框组
- 按钮样式
- Radio Attributes
- Radio-group Attributes
- Radio-group Events
- Radio-button Attributes
Radio 单选框
在一组备选项中进行单选
基础用法
由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。
禁用状态
单选框不可用的状态。
单选框组
适用于在多个互斥的选项中选择的场景
按钮样式
按钮样式的单选组合。
Radio Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
checked | Radio是否被选中 | boolean | — | false |
value | Radio 的 value | string,number,boolean | — | — |
disabled | 是否禁用 | boolean | — | false |
name | 原生 name 属性 | string | — | — |
Radio-group Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
size | Radio 按钮组尺寸 | string | large, small | — |
fill | 按钮激活时的填充色和边框色 | string | — | #20a0ff |
textColor | 按钮激活时的文本颜色 | string | — | #ffffff |
Radio-group Events
事件名称 | 说明 | 回调参数 |
---|---|---|
onChange | 绑定值变化时触发的事件 | 选中的 Radio label 值 |
Radio-button Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | Radio 的 value | string,number | — | — |
disabled | 是否禁用 | boolean | — | false |