使用 Jquery 从数据表中选择所有页面的所有内容

Question

我正在使用一个包含多个页面的数据表。我使用全选(基于 jQuery)功能，该功能可以很好地选择正在查看的当前页面中的所有记录。但问题是

我无法选择表中不同页面的所有记录

如果我在一页中选择记录并移至下一页，则在第一页中选择的记录将丢失。

选择所有脚本

$(document).ready(function() {
    $('#checkall').click(function(event) {  //on click 
        if(this.checked) { // check select status
           $('.checkbox1').each(function() { 
              this.checked = true;  
           });
        }else{
           $('.checkbox1').each(function() { 
              this.checked = false;                      
           });         
        }
    });
});

有人可以帮忙吗？

谢谢

Answer 1

通过在 DOM 上使用 jQuery，您只能到达可见行。您将需要访问表的 dataTables 内部版本，即它的“缓存”。这是一个遍历所有行的“checkall”函数，更改类为 .checkbox1 的复选框的选中状态。 :

$('#checkall').click(function(event) {  //on click 
  var checked = this.checked;
  table.column(0).nodes().to$().each(function(index) {    
    if (checked) {
      $(this).find('.checkbox1').prop('checked', 'checked');
    } else {
      $(this).find('.checkbox1').removeProp('checked');            
    }
  });    
  table.draw();
});

演示 -> http://jsfiddle.net/05xnxzbd/

以上实际上可以通过几种不同的方式来完成。这是最简单的方法，我们知道第一列上存在一个复选框。使用 to$() 让我们立即使用 jQuery 处理内容。

你可以迭代 table.rows().data().each(function(..以及针对包含不同复选框等的多个列。