Question

我有一个页面，其中包含每个用户列表和复选框，并且有一个SELECT ALL按钮。代码工作正常。但问题是由于分页，只选择当前页面中的复选框，当我通过分页NEXT和PREVIOUS链接导航到其他页面时，复选框保持未选中状态。我发现任何与这些相关的东西，或者我正在寻找错误的东西。请帮忙。

我正在使用此代码：

$('#selectAll').click(function(e) {
e.preventDefault();
var checkbox = $(":checkbox");
checkbox.attr('checked', !checkbox.attr('checked'));
});

Answer 1

抱歉，我发现正在使用datatables.js，选择所有复选框的正确方法是使用这段代码：

$('#selectAll').click(function()({
  $('input', oTable.fnGetNodes()).each( function() {
    $('input', oTable.fnGetNodes()).attr('checked','checked');
  } );
});

它工作正常，现在所有复选框都被选中，即使转移到其他分页页面也是如此。

Answer 2

$('#selectAll').click(function(e) {
{
     var elements = ['#chk1' ,'#chk2','#chk3','#chk4','#chk5','#chk6'];
     jQuery.each(elements, function(element) {
          var checked = $(elements[element]).is(':checked');
         $(elements[element]).attr('checked', true);
     });
});

检查分页中的复选框

2 个答案: