在JQuery中选中子复选框

// HTML结构
<input type="checkbox" id="parentCheckbox">父复选框
<br>
<input type="checkbox" class="childCheckbox">子复选框1
<br>
<input type="checkbox" class="childCheckbox">子复选框2
<br>
<input type="checkbox" class="childCheckbox">子复选框3

// JQuery代码
$(document).ready(function() {
  // 父复选框的change事件
  $("#parentCheckbox").change(function() {
    // 获取父复选框的选中状态
    var isChecked = $(this).is(":checked");
    
    // 遍历子复选框
    $(".childCheckbox").each(function() {
      // 设置子复选框的选中状态与父复选框一致
      $(this).prop("checked", isChecked);
    });
  });
});

// HTML结构
<input type="checkbox" id="parentCheckbox">父复选框
<br>
<input type="checkbox" class="childCheckbox">子复选框1
<br>
<input type="checkbox" class="childCheckbox">子复选框2
<br>
<input type="checkbox" class="childCheckbox">子复选框3

// JQuery代码
$(document).ready(function() {
  // 父复选框的click事件
  $("#parentCheckbox").click(function() {
    // 使用选择器选中所有子复选框，并设置它们的选中状态与父复选框一致
    $(".childCheckbox").prop("checked", $(this).is(":checked"));
  });
});