- 技术博客
- layui checkbox 全选与不全选
<form class="layui-form inline-form">
<input type="checkbox" name="all" title="全选" lay-skin="primary" lay-filter="checkboxall">
<button type="button" class="layui-btn layui-btn-sm fontColorbgF65" title="批量删除" data-role="batchdelbtn"><i class="layui-icon"></i>批量删除
</button>
</form>
<form class="layui-form"><input type="checkbox" name="selectbooks" lay-filter="checkbox" lay-skin="primary" value="{{d.book_id}}"></form>
form
.on('checkbox(checkboxall)', function(data
) {
if (data
.elem
.checked
) {
$('[name="selectbooks"]').each(function() {
$(this).prop("checked", true);
});
} else {
$('[name="selectbooks"]').each(function() {
$(this).prop("checked", false);
});
}
form
.render();
});
form
.on('checkbox(checkbox)', function(data
) {
var _len
= $('[name="selectbooks"]').length
;
if (data
.elem
.checked
) {
arr
.push(data
.value
);
} else {
arr
.splice($
.inArray(data
.value
, arr
), 1);
}
var arrlen
= arr
.length
;
if (arrlen
== _len
) {
$('[name="all"]').prop("checked", true);
} else {
$('[name="all"]').prop("checked", false);
}
form
.render();
});
