javascript - 如何取消选中具有分页功能的表排序器中的所有复选框

Question

我已经被这个折磨了好一阵子了。

因为表排序器分页将从表中完全删除不可见的行，以便更快地排序。我无法让每一行中的复选框按照我的意愿工作。

这是我的 jsfiddle -> http://jsfiddle.net/NcqfY/3/

单击变量触发器以显示表格

基本上我想要做的是获取所有选定行的 id 并将它们推送到数组 selectedID 中。创建报告(或单击“创建报告”按钮)时清空 selectedID 数组。因此，在单击按钮后，我希望表中的所有复选框都应取消选中。我正在使用以下代码:

$('table.tablesorter tbody tr').find('input[type=checkbox]').prop('checked', false);
//我只能取消当前页面的复选框

但是我只能取消选中当前页面中的复选框，不能包含不可见的页面。这确实让我很难获得所选行的正确 ID。

任何人都可以帮助我，我将不胜感激!

Answer 1

您的 JavaScript 部分存在一些错误:

$('table.tablesorter tbody').on("click", "tr", function(event) {
    if (event.target.type != 'checkbox') {
        $(':checkbox', this).trigger('click');
        var id = $(this).attr('id');
        if (selectedID.indexOf(id) == -1) {
            selectedID.push(id);
        } else {
            var index = selectedID.indexOf(id);
            selectedID.splice(index, 1);
        }
    }
});

我为你纠正了它们，它似乎工作正常:
!== --> !=
=== --> ==
var id = $(this).attr('id') --> var id = $(this).attr('id');

编辑:上面的内容对我不起作用，所以我认为这就是问题所在，但回答你的问题:

$($(".tablesorter")[0].config.rowsCopy).each(function() {
    $(this).find('input[type=checkbox]').prop('checked', false);
});

这将取消选中表格中的所有复选框，甚至是隐藏的复选框