【发布时间】:2020-10-12 17:17:38
【问题描述】:
我正在尝试创建一个顶部有一个复选框的表单,当用户选中该复选框时,会选择其他特定的复选框,但不是全部。我无法通过反复试验或搜索来找到答案。我唯一能找到的是“全选”选项。不是我想要的。
理想情况下,当用户选择“管理包”旁边的复选框时,我希望自动点击“Chrome 外观组”和“远程启动和安全警报”复选框,当然也可能点击其他复选框。
这是代码和我对它的基本尝试,但它不起作用。提前致谢。
HTML:
Javascript
var all_check = document.getElementsByName('pkg');
main_check.onchange = checkAll;
for (var i = 0; i < all_check.length; i++) {
all_check[i].onchange = childChanged;
}
function checkAll() {
for (var i = 0; i < all_check.length; i++) {
all_check[i].checked = main_check.checked;
}
}
function childChanged() {
if (!this.checked) {
main_check.checked = false;
return;
}
// Check if main checkbox should be checked
for (var i = 0; i < all_check.length; i++) {
if (!all_check[i].checked) return;
}
main_check.checked = true;
}
我不知道这个 Javascript 是否有用。这只是我找到的另一个工作小提琴的复制和粘贴。
【问题讨论】:
标签: javascript html forms