我对 Javascript 很陌生,对 JQuery 一无所知,所以我现在为我的新手身份道歉。
我有一组具有相同名称和类的复选框(最多 18 个)(无法更改这一事实):
<input type="checkbox" name="elective_id[]" value="112" class="elective_id">
<input type="checkbox" name="elective_id[]" value="128" class="elective_id">
<input type="checkbox" name="elective_id[]" value="135" class="elective_id">
<input type="checkbox" name="elective_id[]" value="322" class="elective_id" onClick="checkSister(322);">
<input type="checkbox" name="elective_id[]" value="323" class="elective_id" onClick="checkSister(323);">
在该数组中将有 3 对复选框,当选中/取消选中它们时,需要选中/取消选中其对应的复选框。这三对分别是 320,321、322,323 和 345,346。
如果选中值为 322 的复选框,如何自动选择该对?
function checkSister(brother) {
if (brother=="322") {
document.getElementById("322").checked = true;
document.getElementById("323").checked = true;
} else if (brother=="322") {
document.getElementById("322").checked = true;
document.getElementById("323").checked = true;
}
}
我知道这是不对的,但还没有弄清楚如何选择正确的变量,更不用说取消选择了。
如果您能提供任何帮助,我们将不胜感激, 吉姆
最佳答案
您可以使用 querySelectorAll 轻松完成此操作,无需使用 jquery
document.querySelectorAll("input[type='checkbox'][value='112']")[0].checked=true;
或者您可以按名称和值查询,如下所示:
document.querySelectorAll("input[name='elective_id[]'][value='112']")[0].checked=false;
关于javascript - 使用 Javascript 根据组中的值选中或取消选中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29148487/