如何在数据表jQuery中添加复选框以选择所有选项答案

【问题标题】：How to add checkboxes with possibility to choose all in datatable jQuery如何在数据表jQuery中添加复选框以选择所有选项
【发布时间】：2020-10-12 08:20:40
【问题描述】：

我使用库datatables 工作，我想在表格行中添加一些操作复选框，我在表格中添加复选框，并在表格标题中添加一个复选框以选择所有框。

脚本：

$('#checkAll').click(function () {
    $(':checkbox.checkbox-mark').prop('checked', this.checked);
});

在jsfiddle你可以看到更多。

但问题是，我有页面，如果我点击标题复选框，它只会选择当前页面中的所有框，但我想要在所有页面中，我该如何解决这个问题？

【问题讨论】：

@Dejan.S 是的，这是有道理的，但我尝试了几种方法来做到这一点，但我最终没有结果
@Dejan.S 我只使用前端，好吧，但无论如何，如果我进入第 2 或第 3 页并点击全选，它会在第一页中全选跨度>
@Dejan.S 是的，我们有后端开发人员，我们分开工作，我有任务添加此复选框
很抱歉我错过了阅读问题。让我尽快检查数据集，应该没那么难。

标签： javascript html jquery datatables

【解决方案1】：

就像您已经讨论过的那样，您可以使用 service/api 来设置 selectAll 值，但是如果您想使用前端来设置它，那么您可以使用 DataTable().cells().nodes(); 来获取所有节点并遍历它们并将复选框值设置为每个节点.

// update your checkAll logic like this

$('#checkAll').click(function() {
  var allPagesData = $("#test1").DataTable().cells().nodes(); // this will give you all data in datatable.
  $(allPagesData).find('input[type="checkbox"]').prop('checked', this.checked);
});

看看这个fiddle

【讨论】：