Javascript 在Datatable中逐页检查所有页面
我有一个代码,它使用复选框在datatables中显示数据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
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({