利用for循环来实现全选

运行代码：

<!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>

代码解释： var Input=document.getElementsByTagName('input');获得整组的 input

 

运行效果：

 

 


posted @ 2019-07-31 10:35  半夏琉璃空人心  阅读(265)  评论(0)  编辑  收藏  举报