Radio 单选框
在一组备选项中进行单选。由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。
基础用法
你可以使用原生的radio,也可以按照以下方法快速设置 radio 样式。
▼显示代码
禁用状态
单选框不可用的状态,可初始化时指定,也可动态设置。
▼显示代码
按钮样式
按钮样式的单选组合。
▼显示代码
带有边框
按钮样式的单选组合。
▼显示代码
参数
你可以通过修改$.fn.radio.defaults
来修改全局默认配置,也可以在初始化时传入指定配置$(el).radio({xx: xx})
。
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
disabled | 是否禁用radio(若 Radio 有disabled 属性则以其为准) | boolean | - | false |
button | 是否启用按钮模式 | boolean | - | false |
border | 非按钮模式是否显示边框 | boolean | - | false |
size | 按钮/边框模式的大小设置 | string | medium / small / mini | '' |
value | 默认选中值 | string | - | '' |
方法
你可以通过调用$(el).radio('xxx')
来快速设置按钮状态。
方法 | 说明 | 举例 |
---|---|---|
disabled | 禁用radio | $(el).radio('disabled') |
show | 取消禁用状态 | $(el).radio('show') |