datatables check all多選框

用datatables的時候,經(jīng)常需要check all所有多選框的功能,就是點擊標題的多選框,表格下所有的checkbox對應選中或取消選中。以前用的函數(shù)有個問題,就是在表格有多頁時,只能選中當前頁的checkbox。后來找到了更好的實現(xiàn)方法,如下所示:

//方法一:
var oTable = $('#datatable').DataTable();
$('.checkall').click(function(e) {
    var chk = $(this).prop('checked');
    $('input', oTable .$('tr', {"filter": "applied"} )).prop('checked',chk);
});
//方法二:
var table = $('#numbers_table').DataTable();
$('#checkall').click(function () {
    $(':checkbox', table.rows().nodes()).prop('checked', this.checked);
});
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容