具有多种复选框

Question

使用带有复选框的数据表。有两个类名的复选框。需要根据类名检查所有复选框

这是我的代码： -

      var exampless = $('.table1').DataTable({
        responsive: true,
        "searching": false,
        "ordering": false,
        "lengthChange": false,
         "bInfo" : false,
         className: 'select-checkbox',
     });
     $(".alluser").click(function () {
        var cols = exampless.column(0).nodes(),
        state = this.checked;

        for (var i = 0; i < cols.length; i += 1) {
        cols[i].querySelector(".User").checked = state;
        }
     });

获取此错误

  

TypeError：cols [i] .querySelector（...）为null

Answer 1

看看这个例子是否有帮助： http://live.datatables.net/legemixi/1/edit

检查所有代码的关键部分是使用DataTables API的代码：

$('input.checkall').on('change', function () {
  var checked = this.checked;  //get checked state of Check All or Check Page checkbox
  $('.filter-ck', table.cells().nodes()).prop('checked',this.checked);

该示例还说明了如何仅检查所显示的页面上的所有内容。它还会根据复选框状态更新复选框数据值1或0。