Javascript 按类别全选

我如何选择所有，其中它将仅根据类别类型选择其下的所有项目。如果我选中了第一个“全选”复选框，则只有苹果和芒果项目才会选中该复选框

首先创建表单并添加一个类来标记组元素

--category FRUITS --  
 checkbox for Select All   
 checkbox for Apple  
 checkbox for Mango  

--category VEGETABLES--  
 checkbox for Select All   
 checkbox for Carrots  
 checkbox for Cabbage  

<form name="my_form" id="my_form">
<h1>Fruits</h1> 
    <input type="checkbox" value="" id="all_fruits" /> Select All <br />
    <input type="checkbox" value="Apple" class="fruits" /> Apple <br />
    <input type="checkbox" value="Apple" class="fruits" /> Mango

<h1>VEGETABLES</h1> 
    <input type="checkbox" value="" id="all_veges" /> Select All <br />
    <input type="checkbox" value="Carrots" class="veges" /> Carrots <br />
    <input type="checkbox" value="Cabbage" class="veges" /> Cabbage
</form>

水果
选择全部

苹果

芒果
蔬菜
选择全部

胡萝卜

甘蓝

然后创建一个不引人注目的功能来处理所需的操作

--category FRUITS --  
 checkbox for Select All   
 checkbox for Apple  
 checkbox for Mango  

--category VEGETABLES--  
 checkbox for Select All   
 checkbox for Carrots  
 checkbox for Cabbage  

<form name="my_form" id="my_form">
<h1>Fruits</h1> 
    <input type="checkbox" value="" id="all_fruits" /> Select All <br />
    <input type="checkbox" value="Apple" class="fruits" /> Apple <br />
    <input type="checkbox" value="Apple" class="fruits" /> Mango

<h1>VEGETABLES</h1> 
    <input type="checkbox" value="" id="all_veges" /> Select All <br />
    <input type="checkbox" value="Carrots" class="veges" /> Carrots <br />
    <input type="checkbox" value="Cabbage" class="veges" /> Cabbage
</form>

函数检查（）{
var allFruits=document.getElementById（'all_fruits'），
allVeges=document.getElementById（'all_veges'），
formElems=document.forms.my_form.elements；
allFruits.onclick=function（）{//将单击事件附加到第一个组（fruits）
如果（allFruits.checked）{//如果单击了全选
对于（var i=0；i