Skip to content

SwitchButton(开关按钮)

用于$.fn.iSwitchbutton.defaults重写默认值对象。

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

用法

通过标签创建开关按钮。

html
<input data-toggle="topjui-switchbutton" checked="">
<input data-toggle="topjui-switchbutton" data-options="onText:'Yes',offText:'No'">

使用Javascript创建开关按钮。

javascript
$('#sb').switchbutton({
    checked: true,
    onChange: function(checked){
        console.log(checked);
    }
})

属性

属性名属性值类型描述默认值
widthnumber开关按钮宽度。60
heightnumber开关按钮高度。26
handleWidthnumber开关把手宽度。auto
checkedboolean定义按钮是否开启。FALSE
disabledboolean定义按钮是否禁用。FALSE
readonlyboolean定义按钮是否只读。FALSE
reversedboolean设置为true时,反转开关文本。FALSE
onTextstring左边文本值(反转后是右边)。ON
offTextstring右边文本值(反转后是左边)。OFF
handleTextstring开关把手文本值。''
valuestring给按钮绑定默认值。

事件

事件名事件参数描述
onChangechecked在更改控件值的时候触发。
$.iParser.onCompletecontext在解析器完成解析操作的时候触发。

方法

方法名方法参数描述
optionsnone返回属性对象。
resizeparam调整开关按钮大小。
disablenone禁用开关按钮。代码示例:$('#sb').iSwitchbutton('disable');
enablenone启用开关按钮。代码示例:$('#sb').iSwitchbutton('enable');
readonlymode启用/禁用只读模式。
checknone启用开关按钮。
unchecknone禁用开关按钮。
clearnone清除开关按钮的值。
resetnone重置开关按钮的值。
setValuevalue设置开关按钮的值。

基于最新稳定版jQuery EasyUI构建的前端框架