JavaScript检查多个复选框

时间:2015-06-24 17:06:10

标签: javascript checkbox

        <input type="checkbox" name="name[]" value="A">A</input>
        <input type="checkbox" name="name[]" value="C">C</input>
        <input type="checkbox" name="name[]" value="D">D</input>
        <input type="checkbox" name="name[]" value="E">E</input>

我有价值A和C,如何使用javascript make A&amp; C检查

5 个答案:

答案 0 :(得分:3)

这对你有用。

&#13;
&#13;
var myNodeList = document.querySelectorAll("input[value=A], input[value=C]");
for (i = 0; i <	myNodeList.length; i++) {
   	myNodeList[i].checked = true;
}
&#13;
<input type="checkbox" name="name[]" value="A">A</input>
<input type="checkbox" name="name[]" value="C">C</input>
<input type="checkbox" name="name[]" value="D">D</input>
<input type="checkbox" name="name[]" value="E">E</input>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用

document.querySelectorAll("input[value=A]")[0].checked = true;
document.querySelectorAll("input[value=C]")[0].checked = true;

答案 2 :(得分:0)

为什么不给复选框一个id:

   <input type="checkbox" name="name[]" value="A" id="checkA">A</input>

然后使用以下javascript:

document.getElementById("checkA").checked = true;

答案 3 :(得分:0)

您必须首先为输入框分配一个ID,然后您可以使用该ID调用javascript。

  <html>
    <script type="text/javascript">
    function setValue()
    {
       document.getElementById("A").checked = true;
       document.getElementById("C").checked = true;
    }
    </script>
    <body>
       <input id="A" type="checkbox" name="name[]" value="A">A</input>
       <input id="B" type="checkbox" name="name[]" value="C">C</input>
       <input id="C" type="checkbox" name="name[]" value="D">D</input>
       <input id="D" type="checkbox" name="name[]" value="E">E</input>
       <br/><br/>
       <button onClick="setValue()"> Set Value </button>
    </body>
  </html>

答案 4 :(得分:0)

尝试

document.querySelectorAll('[value=A], [value=C]').forEach(c => c.checked=1)

document.querySelectorAll('[value=A], [value=C]').forEach(c => c.checked=1)
<input type="checkbox" name="name[]" value="A">A</input>
<input type="checkbox" name="name[]" value="C">C</input>
<input type="checkbox" name="name[]" value="D">D</input>
<input type="checkbox" name="name[]" value="E">E</input>