javascript - 使用 Javascript 根据组中的值选中或取消选中复选框

Question

我对 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;
 }
}

我知道这是不对的，但还没有弄清楚如何选择正确的变量，更不用说取消选择了。

如果您能提供任何帮助，我们将不胜感激，吉姆

Answer 1

您可以使用 querySelectorAll 轻松完成此操作，无需使用 jquery

document.querySelectorAll("input[type='checkbox'][value='112']")[0].checked=true;

或者您可以按名称和值查询，如下所示:

document.querySelectorAll("input[name='elective_id[]'][value='112']")[0].checked=false;