jQuery分组全选功能失效求助：仅选中父容器内指定复选框组

咱们来一步步拆解你遇到的问题：

首先，你的修改后代码失效，主要有两个核心问题：

1. 错误获取了checked状态 #

你代码里的this.checked是取的.checkall-label这个label元素的属性，但label标签本身根本没有checked属性，这个值会是undefined，自然没法正确设置子复选框的选中状态。你真正需要取的是和这个label关联的全选复选框的选中状态，而不是label本身的。

2. .not(this)逻辑完全错误 #

this是当前点击的label元素，但你通过find获取的是input:checkbox元素，两者不是同一类DOM节点，所以.not(this)根本不会过滤掉任何复选框。你真正要排除的是当前组的全选复选框本身，而不是label。

另外补充一个小建议：$(this).parent()的范围太依赖当前HTML结构，如果label的父元素不是包含整个复选组的容器，find就找不到目标复选框。用closest()定位最近的组容器会更健壮，结构变动时代码不容易失效。

修正后的代码（分两种常见场景） #

场景1：复选框嵌套在label内部 #

这是最常用的结构，HTML大概是这样：

<div class="checkbox-group">
  <label class="checkall-label">
    <input type="checkbox" class="checkall-input checkall-master"> 全选本组
  </label>
  <div class="checkbox-wrapper">
    <input type="checkbox" class="checkall-input"> 选项1
    <input type="checkbox" class="checkall-input"> 选项2
  </div>
</div>
<div class="checkbox-group">
  <label class="checkall-label">
    <input type="checkbox" class="checkall-input checkall-master"> 全选本组
  </label>
  <div class="checkbox-wrapper">
    <input type="checkbox" class="checkall-input"> 选项A
    <input type="checkbox" class="checkall-input"> 选项B
  </div>
</div>

对应的jQuery代码：

$('.checkall-label').click(function() {
  // 找到当前label内的全选复选框
  const $masterCheckbox = $(this).find('.checkall-master');
  // 获取全选框的真实选中状态
  const isChecked = $masterCheckbox.prop('checked');
  
  // 定位到最近的组容器，找到组内所有子复选框并排除全选框本身
  $(this).closest('.checkbox-group')
         .find('.checkbox-wrapper .checkall-input')
         .not($masterCheckbox)
         .prop('checked', isChecked);
});

场景2：label通过for属性关联复选框 #

如果你的HTML是用for绑定label和复选框的：

<div class="checkbox-group">
  <input type="checkbox" id="checkall-1" class="checkall-input checkall-master">
  <label class="checkall-label" for="checkall-1">全选本组</label>
  <div class="checkbox-wrapper">
    <input type="checkbox" class="checkall-input"> 选项1
  </div>
</div>

代码调整为：

$('.checkall-label').click(function() {
  // 通过for属性找到关联的全选复选框
  const masterId = this.getAttribute('for');
  const $masterCheckbox = $('#' + masterId);
  const isChecked = $masterCheckbox.prop('checked');
  
  $(this).closest('.checkbox-group')
         .find('.checkbox-wrapper .checkall-input')
         .not($masterCheckbox)
         .prop('checked', isChecked);
});

内容的提问来源于stack exchange，提问作者The Bobster