//监听checkbox table.on('checkbox(holterList)', function (obj) { let tr = obj.tr; if (obj.checked) { $(tr).addClass('selected'); } else { $(tr).removeClass('selected'); } }); 这段代码作用是勾选了就增加选中样式,去勾选就移除样式,但没有实现勾全选让全选的行选中,怎么修改呢
时间: 2024-03-31 22:33:51 浏览: 48
如果您想要实现勾选全选后,将所有行选中的功能,可以在全选的复选框上添加监听事件,在事件中获取所有行的复选框,设置它们的选中状态即可。
代码示例:
```javascript
// 监听全选复选框
form.on('checkbox(checkAll)', function (data) {
let child = $(data.elem).closest('table').find('tbody input[type="checkbox"]');
child.each(function (index, item) {
item.checked = data.elem.checked;
let tr = $(item).parents('tr');
if (data.elem.checked) {
$(tr).addClass('selected');
} else {
$(tr).removeClass('selected');
}
});
form.render('checkbox');
});
// 监听行复选框
table.on('checkbox(holterList)', function (obj) {
let tr = obj.tr;
if (obj.checked) {
$(tr).addClass('selected');
} else {
$(tr).removeClass('selected');
}
});
```
这样,就可以实现勾选全选后,将所有行选中的功能了。
阅读全文