33. EasyUI checkbox（复选框）

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

依赖关系

没有依赖

用法

通过标签创建文本框。

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

使用Javascript创建复选框。

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

属性

属性名	属性值类型	描述	默认值
width	number	组件的宽度。	20
height	number	组件的高度。	20
value	string	默认值。	null
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	none	选中组件。
uncheck	none	取消选中组件。
clear	none	清空选中值。
reset	none	重置选中值。