利用for循环来实现全选

最新推荐文章于 2021-06-01 02:16:13 发布

weixin_30622181

最新推荐文章于 2021-06-01 02:16:13 发布

阅读量218

点赞数

原文链接：http://www.cnblogs.com/1322957664qqcom/p/11274691.html

版权

运行代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全选</title>
    <script>
        window.onload=function () {
            var qx=document.getElementById('all');
            var Input=document.getElementsByTagName('input');
            qx.onclick=quanxuan;

        }
        function quanxuan(){
            var qx=document.getElementById('all');
            var Input=document.getElementsByTagName('input');
            for (var i=0;i<Input.length;i++){
                Input[i].checked=true;
            }
        }
    </script>
</head>
<body>
<p id="all">全选</p>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
<input type="checkbox"></br>
</body>
</html>