如何在jQuery DataTable分页中仅选中当前页的所有记录?
实现DataTable当前分页记录全选
原来的fnGetNodes()方法会获取DataTables所有分页的行节点,要实现仅选中当前分页的记录,可根据你使用的DataTables版本选择对应方法:
旧版本DataTables(1.10之前)
使用fnGetDisplayNodes()方法获取当前分页显示的行节点,再遍历选中对应复选框:
// 获取当前分页的所有行节点 var currentPageNodes = oTable.fnGetDisplayNodes(); // 遍历节点,选中每行的复选框(请根据实际选择器修改.row-checkbox) currentPageNodes.forEach(function(node) { $(node).find('.row-checkbox').prop('checked', true); });
新版本DataTables(1.10+)
推荐使用官方新API,通过rows({page: 'current'})定位当前页的行:
// 获取当前页的所有行节点 var currentPageRows = oTable.rows({page: 'current'}).nodes(); // 选中每行的复选框(请根据实际选择器修改.row-checkbox) $(currentPageRows).find('.row-checkbox').prop('checked', true);
将上述代码绑定到全选按钮的点击事件中即可,注意替换.row-checkbox为你实际页面中每行复选框的选择器。
内容的提问来源于stack exchange,提问作者Jayant Singh
相关产品推荐
相关产品推荐

