复选框选中所有选项

Question

我已为类别子类别设置了复选框...

Company
    Microsoft
    Apple

 Country
     USA
     UK

和每个项目所附的复选框。因此，如果我单击“公司”旁边的复选框，则它应自动将“ Microsoft”和“ Apple”旁边的复选框标记为已选中，就像明智的选择“国家/地区”一样，它应选中“美国”和“英国”选项。并且还应该有一个全选选项，应选择所有选项。

是否可以使用javascript或jquery添加复选框检查属性？

<input type="checkbox" class="entityCheckboxHeader1" id="entityCheckboxHeader" name="Company">Company
 <input id="modalEntity" class="entity1" type="checkbox" name="CompanySub">Microsoft
 <input id="modalEntity" class="entity2" type="checkbox" name="CompanySub">Apple
 <input type="checkbox" class="entityCheckboxHeader2" id="entityCheckboxHeader" name="Country">Country
 <input id="modalEntity" class="entity3" type="checkbox" name="CountrySub">USA
 <input id="modalEntity" class="entity4" type="checkbox" name="CountrySub">UK

Answer 1

在此处查看简单的演示： http : //jsfiddle.net/Pfmuq/2/ 或更简单的网站：http : //jsfiddle.net/Pfmuq/3/

请注意id，该代码在任何时候都应该始终是唯一的，请稍候，当您阅读代码时，我注意到您的命名方式parent和Sub命名方式，因此我考虑了这一点。

请注意，我也冒昧地切换了您的ID和类，下面是任何hoo代码 :)

希望这会有所帮助， :)

码

$('input[name="Company"],input[name="Country"]').click(function(){
    if ($(this).is(':checked')){
          $(this).nextAll('input[name="'+this.name+'Sub"]').prop('checked',true);

    } else {
          $(this).nextAll('input[name="'+this.name+'Sub"]').prop('checked',false);   
    }
});
?

来自第二个演示的代码

$('input[name="Company"],input[name="Country"]').click(function(){
          $(this).nextAll('input[name="'+this.name+'Sub"]').prop('checked',this.checked);
});
?

的HTML

<input type="checkbox" class="entityCheckboxHeader1" id="entityCheckboxHeader" name="Company">Company
 <input class="modalEntityCompany" id="entity1" type="checkbox" name="CompanySub">Microsoft
 <input class="modalEntity" id="entity2" type="checkbox" name="CompanySub">Apple
<br /> 
<input type="checkbox" class="entityCheckboxHeader2" id="entityCheckboxHeader" name="Country">Country
 <input class="modalEntity" id="entity3" type="checkbox" name="CountrySub">USA
 <input class="modalEntity" id="entity4" type="checkbox" name="CountrySub">UK???