javascript - 仅在一个表中选中所有复选框

Question

我有多个带有复选框行的表，如果选中了标题复选框，我希望执行全选。我正在尝试使用 jQuery 来执行此操作，而无需解析或传入表 id。目前，当我选择一个标题复选框时，我正在点击所有复选框。

所有复选框都具有相同的类，但我确信有一种方法可以通过将复选框的选择限制在选定复选框所在的表中来做到这一点。我把这个放在了小提琴中：

http://jsfiddle.net/sanpopo/WMXgy/

checkBoxes = function (me) {

     $(".dpsPreCode").closest("table [type='checkbox']").each(function () {
         if (this.checked === false) {
             this.checked = true;
         } else {
             this.checked = false;
         }
     });
 }

Answer 1

您将复选框传递为me，因此如果您使用它来查找最近的表，它应该可以工作：

checkBoxes = function (me) {
    $(me).closest("table").find('input[type="checkbox"]').not(me).prop('checked', me.checked);
}

小提琴