使用 querySelectorAll 选择复选框不起作用

Question

使用 querySelectorAll 选择复选框不起作用

我有以下代码，主要来自How can I select all checkboxes from a form using pure JavaScript，但它不起作用。

测试.html

<html>
    <head>
    <script>
    function select(){
        var inputs = document.querySelectorAll("input[type='checkbox']");
        for(var i = 0; i < inputs.length; i++) {
            inputs[i].checked = true;   
        }
    }
    </script>
    </head>
    <body>
        <form id="myId" name="myForm">
        <input type="checkbox" value="1"/> 1
        <input type="checkbox" value="2"/> 2
        <input type="checkbox" value="3"/> 3
        <input type="button" onclick="select()"  value="Select all"/>
        </form>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

单击该按钮不会执行任何操作。我一定在这里做错了什么，但我就是找不到它。

Answer 1

Dee*_*ran 5

尝试这个...

<html>
    <head>
    <script>
    function test(){
        var inputs = document.querySelectorAll("input[type='checkbox']");
        for(var i = 0; i < inputs.length; i++) {
            inputs[i].checked = true;   
        }
    }
    </script>
    </head>
    <body>
        <form id="myId" name="myForm">
        <input type="checkbox" value="1"/> 1
        <input type="checkbox" value="2"/> 2
        <input type="checkbox" value="3"/> 3
        <input type="button" onclick="test()"  value="Select all"/>
        </form>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，10 月前
查看次数：	16442 次
最近记录：	10 年，10 月前