11. Switchbutton 开关按钮

EasyUI Switchbutton 开关按钮
用于$.fn.switchbutton.defaults重写默认值对象。（该组件自1.4.3版开始可用）

用在"form"表单中的开关按钮。按钮有2个状态：“开”和“关”，用户可以点击或轻敲来切换，标签状态是可定制的。

用法

通过标签创建开关按钮。

<input class="easyui-switchbutton" checked>
<input class="easyui-switchbutton" data-options="onText:'Yes',offText:'No'">

使用Javascript创建开关按钮。

<div id="switchBtn"></div>
<script>
   $('#switchBtn').switchbutton({
      onText: '开启',
      offText: '关闭',
      checked: true
   });
</script>

属性名	属性值类型	描述	默认值
width	number	开关按钮宽度。	60
height	number	开关按钮高度。	26
handleWidth	number	开关把手宽度。	auto
checked	boolean	定义按钮是否开启。	FALSE
disabled	boolean	定义按钮是否禁用。	FALSE
readonly	boolean	定义按钮是否只读。	FALSE
reversed	boolean	设置为true时，反转开关文本。	FALSE
onText	string	左边文本值（反转后是右边）。	ON
offText	string	右边文本值（反转后是左边）。	OFF
handleText	string	开关把手文本值。	‘’
value	string	给按钮绑定默认值。

事件名	参数	描述
onChange	checked	在更改控件值的时候触发。
$.parser.onComplete	context	在解析器完成解析操作的时候触发。

代码示例：

$('#sb').switchbutton('disable');
$('#sb').switchbutton('enable');