美文网首页
datatables check all多选框

datatables check all多选框

作者: leyu | 来源:发表于2017-06-13 18:57 被阅读0次

用datatables的时候,经常需要check all所有多选框的功能,就是点击标题的多选框,表格下所有的checkbox对应选中或取消选中。以前用的函数有个问题,就是在表格有多页时,只能选中当前页的checkbox。后来找到了更好的实现方法,如下所示:

//方法一:
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);
});

相关文章

网友评论

      本文标题:datatables check all多选框

      本文链接:https://www.haomeiwen.com/subject/vjhjqxtx.html