欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-06 11:49:34
目标效果:网页全选功能,即点击全选标签可选择全部复选框 实现代码如下 ......

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

实现代码如下

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