Javascript 按组选中/取消选中所有复选框

我有五到六个小组。所有组都有子类别。组是固定的，但子类别来自数据库（动态）。我希望在组名附近有一个按钮，用于选中和取消选中该组的复选框

一个组的“全部”复选框具有不同的名称和ID

例如，组1复选框的名称类似于a1、a2、a3、a4等。 组2复选框的名称如b1、b2、b3等

HTML

<?php $i=0;foreach($subcat as $subcat){ $i++; ?>
<input type="checkbox" value="<?php echo $subcat['id']?>" name="a<?php echo $i;?>" id="a<?php echo $i;?>"> <?php echo $subcat['name']; ?>                           
<?php } ?>

---

如何操作。

对组下的子类别复选框使用相同的类名，并使用类名选中/取消选中一个组下的复选框

例如-checkAllCheckboxGroup1类用于group1复选框，checkAllCheckboxGroup2类用于Group2复选框等等

取消选中组1下的所有 要检查组1下的所有 在这里，我在onclick事件上添加了checkAll（）函数，用于检查相应组下的所有项

智慧实验室
div{
显示：内联块；
边框：1px纯黑；
填充物：5px；
}
组1全部检查

项目1

项目2

项目3

组2全部检查

项目1

项目2

项目3

组3全部检查

项目1

项目2

项目3

/**
*功能检查相应组下的所有项目
*/
函数checkAll（me）{
var divid=$（me.parent（）.attr（'id'）；
$（“#”+divid）.find（“input”）.prop（“checked”，true）；
}

也共享您的html，您可以在复选框的

数据属性中使用组名。
$（this）.最近的（'table'）.find（'input:checkbox'）.prop（'checked'，this.checked）
您好，我想要一个按钮用于检查，取消选中如何操作？
$('.checkAllCheckboxGroup1').prop('checked', '');

$('.checkAllCheckboxGroup1').prop('checked', 'checked');