Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Datatable中逐页检查所有页面_Javascript_Jquery_Css_Datatables - Fatal编程技术网

Javascript 在Datatable中逐页检查所有页面

Javascript 在Datatable中逐页检查所有页面,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我有一个代码,它使用复选框在datatables中显示数据 var link = '../../php_try/get_info.php?id='+ nda_id + '&val_dept=' + val_dept + '&val_sect=' + val_sect; $('#tbl_user').dataTable({ "destroy": true, "order": [], "bProc

我有一个代码,它使用复选框在datatables中显示数据

var link = '../../php_try/get_info.php?id='+ nda_id + '&val_dept=' + val_dept + '&val_sect=' + val_sect;
        $('#tbl_user').dataTable({
            "destroy": true,
            "order": [],
            "bProcessing": true,
            "stateSave": true,
            "iDisplayLength": "All",
            "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            "sAjaxSource": link,
            'columnDefs': [{
                'targets': 0,
                'render': function (data, type, row, meta){
                    return '<input type="checkbox" id="md_checkbox_' + data + '" class="filled-in chk-col-blue chkall" style="display: flex">' +
                           '<label for="md_checkbox_' + data + '"></label>';
                }
            },
            { targets: 0, orderable: false },
            { className: "custom_right", "targets": [1] },
            ],
            "aoColumns": [
                { mData: 'test1' },
                { mData: 'test2' },
                { mData: 'test3' },
                { mData: 'test4' },
                { mData: 'test5' },
                { mData: 'test6' },
                { mData: 'test7' }
            ]
        });
<input type="checkbox" id="md_checkbox_21" class="filled-in chk-col-blue">
<label for="md_checkbox_21">Check All</label>

实际上它的工作问题是隐藏页面上的另一个复选框没有被选中。我的问题是如何选中其他页面上的所有复选框

您可以在draw event handler中执行此操作

DTable.on('draw', function () {
    if($('#md_checkbox_21').is(':checked') == true){
        $('.chkall').prop("checked", true);
    }
});
使上述代码正常工作

更改:

$('#tbl_user').dataTable({
致:


我不知道我是否可以运行它,因为我的数据是基于数据库的。即使它基于数据库,它也可以运行。
$('#tbl_user').dataTable({
var DTable = $('#tbl_user').dataTable({