gpt4 book ai didi

javascript - 复选框选中所有选项

转载 作者:行者123 更新时间:2023-11-29 17:23:00 25 4
gpt4 key购买 nike

我已经设置了 Category Subcategorywise 复选框...

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

最佳答案

在这里查看简单的演示: http://jsfiddle.net/Pfmuq/2/ 更简单:http://jsfiddle.net/Pfmuq/3/

请备注id在任何时候都应该始终是唯一的,当你阅读代码时休息 我注意到你的 parent 中有一个模式和 Sub因此命名我考虑到了这一点。

请注意,我还冒昧地切换了您的 id 和 class anyhoo 代码在 :) 下面

希望这对您有所帮助,:)

代码

$('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​​​

关于javascript - 复选框选中所有选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11380555/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com