layuitable全选过滤_layui表格（表单）的全选功能
最近在使⽤layui这个框架，其中有⽤到表格的全选功能，下⾯记录下我的使⽤.html⽂件需要引⽤的是layui.js和layui.css，但是上⾯两个⽂件⼜会引⼊其他⽂件.，如图所⽰,
所以建议从layui官⽹把整个下载下来,
下⾯看代码
Document
table>thead>tr>th,
table>tbody>tr>td {
text-align: center!important
}
ID⾓⾊名唯⼀标识状态操作
1张三哈哈已完成编辑2李四呵呵未完成编辑3王五嘻嘻已完成编辑
layui.use(['form', 'element', 'jquery'], function () {
layui下载var form = layui.form(),
element = layui.element(),
$ = layui.jquery;
//全选功能
<('checkbox(allChoose)', function (data) {
var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
child.each(function (index, item) {
item.checked = data.elem.checked;
});
});
//全选和部分选中时候，表头全选按钮的样式变化
<('checkbox(itemChoose)', function (data) {
var sib = $(data.elem).parents('table').find('tbody input[type="checkbox"]:checked').length;
var total = $(data.elem).parents('table').find('tbody input[type="checkbox"]').length;
if (sib == total) {
$(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked", true);
} else {
$(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked", false);
}
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。