如何解决如何在数据表jQuery中添加复选框以选择全部
我使用的是datatables库,我想在表行中添加一些操作复选框,我向表中添加复选框,并在表头中添加一个复选框以选择所有框。
脚本:
$('#checkAll').click(function () {
$(':checkbox.checkbox-mark').prop('checked',this.checked);
});
在jsfiddle中,您可以看到更多。
但是问题是,我有页面,并且如果我点击标题复选框,它会仅选择当前页面中的所有复选框,但是我想要在所有页面中,如何解决这个问题?
解决方法
就像您已经讨论过的那样,您可以使用service / api来设置selectAll值,但是如果您想使用前端,则可以使用DataTable().cells().nodes();
来获取所有节点并对其进行遍历,并将复选框值设置为每个节点。
// update your checkAll logic like this
$('#checkAll').click(function() {
var allPagesData = $("#test1").DataTable().cells().nodes(); // this will give you all data in datatable.
$(allPagesData).find('input[type="checkbox"]').prop('checked',this.checked);
});
签出此fiddle
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。