jquery datatable 前端分页 checkbox 跨页全选以及获取跨页选中的项

  • Post author:
  • Post category:其他


jquery datatable 前端分页,使用 checkbox 来选中,业务需求要跨页全选

使用如下方式可以获取到每行的 html node 。

这里的是所有的行。包括没有显示的非当前页的行,也可以获取到。

$(‘#table’).DataTable().row(0).node()

然后查找 input,获取 checkbox

$($(‘#table’).DataTable().row(0).node()).find(‘input’)

设置 checkbox 的选中状态就可以了

$($(‘#table’).DataTable().row(0).node()).find(‘input’).prop(“checked”, is_checked)

使用

$(‘#table’).DataTable ().rows ().count () 获取所有行的 count, 遍历一下就可以了。

利用这个思路,获取跨页选中的,也很简单了。

遍历每一行,获取 checkbox,然后获取状态进行判断就行了。