javascript - 如何添加复选框以选择数据表 jQuery 中的所有选项

Question

我在图书馆工作 datatables ，并且我想为某些操作添加表格行复选框，我向表格添加复选框，并在表格标题中添加一个复选框以选择所有框。
脚本:

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

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

Answer 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