jQuery选择表格行中的所有复选框

Question

我有一个表，每行有多个复选框，我创建了一些 jQuery，通过单击另一个复选框来检查某一行上的所有复选框。

$('table').on('change', '.selectAll', function(e) {
      if(this.checked) {
          $(e.target).closest('tr').find(".aCheckbox").each(function() {
                $(this).attr('checked', true);
          });
      }
      else {
        $(e.target).closest('tr').find(".aCheckbox").each(function() {
                $(this).attr('checked', false);
          });
      }
});

但它只会工作两次（即：您可以选中所有框，取消选中它们，但之后当我再次尝试检查它们时不会发生任何事情）

当我单击我的 .selectAll 复选框时，它会将输入的 html 成功更改为 checked='checked'，但看不到任何更改。

这里有什么问题？

谢谢

Answer 1

您需要更改checked 属性，而不是checked 属性。你也不需要迭代，所以我为你简化了函数：

$('table').on('change', '.selectAll', function (e) {
    $(this).closest('tr').find(".aCheckbox").prop('checked', this.checked);
});