You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 11:54:22