javascript - 使用javascript按值查找复选框

Question

我已使用此 JavaScript 找到我需要的复选框并选中它们。

<script type="text/javascript">
function checkAll(c) {
    var chks = document.getElementsByName(c.name);
    for (var i = 0; i < chks.length; i++) {
        chks[i].checked = c.checked;
    }
}

但我不能再使用它了，想知道我是否可以通过它们的值名称找到它们，假设我有 3 个这样呈现的复选框..

<input name="2" type="checkbox" value="chk2" onclick="checkAll(this)">
<input name="3" type="checkbox" value="chk2" onclick="checkAll(this)">
<input name="4" type="checkbox" value="chk3" onclick="checkAll(this)">

如果我随后选中其中一个值为 value="chk2"的复选框，则应选中这两个复选框，但不选中值等于 chk3 的复选框。这可能吗？

Answer 1

试试 querySelectorAll :

var chks = document.querySelectorAll("input[type='checkbox'][value='chk2']");

不需要 jQuery ，纯 Vanilla JavaScript!