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')