全选
为任意 <input type="check">
添加 data-toggle="checkall"
类为其绑定全选插件。
<input type="checkbox" data-toggle="checkAll" data-target="#j-checkall-demo :checkbox">
反选
为任意 <input type="check">
添加 data-toggle="checkall" data-reverse="true"
设置反选功能。
<input type="checkbox" data-toggle="checkAll" data-target="#j-checkall-demo :checkbox">
事件监听
为<input type="check">
元素添加 checked.ui.checkAll"
reversed.ui.checkAll"
监听全选及反选事件。
$('#j-event-1').on('checked.ui.checkAll', function(){
alert($(this).prop('checked') ? '全选' : '取消全选')
})
$('#j-event-2').on('reversed.ui.checkAll', function(){
alert('反选')
})
jQuery插件绑定
我们使用$(element).checkAll(options)
来绑定全选功能。
$('#j-event-3').checkAll();
$('#j-event-4').checkAll();