js中选中表格中的所有勾选框

最新推荐文章于 2025-11-09 14:47:13 发布

原创最新推荐文章于 2025-11-09 14:47:13 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

JAVAScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一段简单的HTML和JavaScript代码，该代码能够批量切换网页上所有复选框的状态。通过操作DOM元素，实现了对所有复选框进行统一控制的功能。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input type="checkbox" checked/>
    <input type="checkbox"/>
    <input type="checkbox"/>

    <script>
        var inparr = document.getElementsByTagName("input");   获取所有input标签；
        for(var i=0;i<inparr.length;i++){
            if(inparr[i].checked==true){
                inparr[i].checked =false;
            }else{
                inparr[i].checked =true;
            }
            /*inparr[i].checked =true;*/
           /* inparr[i].setAttribute("checked","checked")*/
        }
    </script>
</body>
</html>