js之全选即点击全选标签可选择全部复选框

目标效果:网页全选功能,即点击全选标签可选择全部复选框

实现代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload=function () //加载全部网页内容
        {
            var obtn = document.getElementById('btn'); //获取全选标签
            var ainput = document.getElementsByTagName('input');//获取全部input标签即获取全部复选框
            var i = 0;
            obtn.onclick=function ()//点击全部标签要执行下面事件
            {
                for (i=0;i<ainput.length;i++)
                {
                    ainput[i].checked=true;//重复选择复选框
                }
            }
        }
    </script>
</head>
<body>
    <p id="btn">全选</p>
    <input type="checkbox" />
    <input type="checkbox" />
</body>
</html>

 

posted @ 2018-12-24 20:46  飞鸟_山东  阅读(654)  评论(0编辑  收藏  举报