34. EasyUI radiobutton（单选框）

使用$.fn.iRadio.defaults重写默认值对象。

Radio(单选框)允许用户选择一组选项中的某一项

用法

通过标签创建单选框。

<div data-toggle="topjui-radio">
    <form id="ff">
        <div style="margin-bottom:20px">
            <input data-toggle="topjui-radiobutton" name="fruit" value="Apple" label="Apple:">
        </div>
        <div style="margin-bottom:20px">
            <input data-toggle="topjui-radiobutton" name="fruit" value="Orange" label="Orange:">
        </div>
        <div style="margin-bottom:20px">
            <input data-toggle="topjui-radiobutton" name="fruit" value="Banana" label="Banana:">
        </div>
    </form>
</div>

使用Javascript创建单选框。

$('#rb').iRadiobutton({
    label: 'Apple:',
    value: 'Apple',
    checked: true
});

属性

属性名	属性值类型	描述	默认值
width	number	组件的宽度。	20
height	number	组件的高度。	20
value	string	组件值。	20
checked	boolean	定义是否选中。	false
disabled	boolean	定义是否禁用。	false
label	string	组件标签。	null
labelWidth	number	标签宽度。	auto
labelPosition	string	标签位置。可选值:“before”、“after”,“top”。	before
labelAlign	string	标签对齐。可选值:“left”、“right”。	left

事件

事件名	事件参数	描述
onChange	checked	在选中值改变时触发。

方法

方法名	方法参数	描述
options	none	返回属性对象。
setValue	value	设置组件值。
disable	none	禁用组件。
enable	none	启用组件。
check	index	选中组件。
uncheck	none	取消选中组件。
clear	none	清除选中值。
reset	none	重置选中值。