数据表 1.10 “检查所有"通过jQuery [英] Datatables 1.10 "Check all" via jquery

问题描述

我知道这可能看起来很原始，但我已经尝试实现了一整天，也许是因为我无法完全理解如何使用 API，我使用的是 DataTables 1.10.0，我有一个具有分页功能的表格，每一行都有一个复选框，我需要一个检查所有按钮"来检查所有页面中的所有复选框，问题是它只检查当前页面中的复选框，并留下其他页面未选中，这应该很容易，但我无法弄清楚！我发现的答案使用fnGetNodes"，它似乎已被弃用，1.10 版未使用

I know this might seem primitive, but I've been trying to implement it for a whole day, maybe because I can't fully comprehend how to use the API, I'm using DataTables 1.10.0, I have a table with pagination feature, each row has one checkbox in it, I need to have a "check all button" that would check all the checkboxes in all pages, the problem is that it only checks the checkboxes in the current page, and leaves the other pages unchecked, this is supposed to be easy, but I couldn't figure it out ! the answers I found use "fnGetNodes" which seems to be deprecated and not used by version 1.10

这是我的标记

        <table class="table table-striped table-bordered table-hover" id="numbers_table">
                <thead>
                    <tr>
                        <th><input type="checkbox" id="checkall" title="Select all" onClick="toggle(this)"/></th>
                        <th>Number</th>
                        <th>Company</th>
                        <th>Tags</th>
                    </tr>
                </thead>
                <tbody>
                    <% _.each(array, function (value) { %>
                    <tr>
                        <td><input type='checkbox' name='numbers[]' value='<%=value.id%>'/></td>
                        <td><%= value.number %></td>
                        <td><%= value.company %></td>
                        <td><%= value.tags %></td>
                    </tr>
                    <% }) %>
                </tbody>
            </table>

    <button type="button" class="btn btn-primary" id="checkall2">SELECT ALL</button>

<script>

$(document).ready(function() {

    $('#numbers_table').dataTable({
        //"bPaginate": false,
        "aoColumnDefs": [
      { "bSortable": false, "aTargets": [ 0 ] }
    ] 
        });

    $("#checkall2").click(function() { // a button with checkall2 as its id
        $(':checkbox').prop('checked', true); // all checkboxes, you can narrow with a better selector
    });
});
</script>

推荐答案

试试这个代码:

var table = $('#numbers_table').DataTable();

var cells = table
    .cells( ":checkbox" )
    .nodes();

$( cells ).prop('checked', true);

来源.

这篇关于数据表 1.10 “检查所有"通过jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！