layui的checkbox写法,反显写法
2020-01-06 本文已影响0人
气质学长
// 复选框全选
form.on('checkbox(all)',function (data) {
var isChecked = data.elem.checked;
if(isChecked){
$('#contactList').find('input[type=checkbox]').prop('checked',true)
form.render('checkbox')
}else{
$('#contactList').find('input[type=checkbox]').prop('checked',false)
form.render('checkbox')
}
})
// 监听单个复选框
form.on('checkbox(c_one)',function (data) {
var item = $('.c_one')
var len = item.length;
for (var i = 0; i < len; i++) {
if(item[i].checked == false){
$('#c_all').prop('checked',false)
form.render('checkbox')
break
}
}
for (var j = 0; j < item.length; j++) {
if(item[j].checked == true){
len--;
}
}
if(len==0){
$('#c_all').prop('checked',true)
form.render('checkbox')
}
})
注意刷新 form.render('checkbox')
所选
<input type="checkbox" name="全选" title="全选" lay-skin="primary" id="c_all" lay-filter="all" >
<input type="checkbox" class='c_one' lay-filter='c_one' data-id="+e.id+" lay-skin="primary">
一名小码农