当前位置： 移动技术网 > IT编程>开发语言>Jquery > js之全选即点击全选标签可选择全部复选框

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

2018年12月25日  | 移动技术网IT编程  | 我要评论

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

实现代码如下

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

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网