如何选择数据表中的所有复选框

Question

我想选择我所有的复选框

我在数据表的标题中有一个输入，如下所示

  <th style="width: 25%" ><input type="checkbox" name="checkall" class="select-checkall" id="checkall" value=""></th>

我像这样使用它来检查它，但只能在 iam 的页面中工作

   $("#checkall").click(function(){
            $(':checkbox').prop('checked', true);                       
     });  

检查这个小提琴http://jsfiddle.net/juxHn/46/

Answer 1

jQuery 将无法在当前页面以外的其他页面中找到复选框，因为 DataTables 以某种方式隐藏了它们（也许将它们从 DOM 中删除？）

请参阅 DataTables API来访问您的表格单元格，无论当前显示或不显示哪些单元格/您位于哪个页面。

对于你的情况，你可以这样做：

// Use "DataTable" with upper "D"
oTableStaticFlow = $('#flow-table').DataTable({
    "aoColumnDefs": [{
        'bSortable': false,
        'aTargets': [0]
    }],
});

$("#flowcheckall").click(function () {
    var cells = oTableStaticFlow.column(0).nodes(), // Cells from 1st column
        state = this.checked;

    for (var i = 0; i < cells.length; i += 1) {
        cells[i].querySelector("input[type='checkbox']").checked = state;
    }
});

演示： http: //jsfiddle.net/juxHn/47/