js之全选即点击全选标签可选择全部复选框
程序员文章站
2022-04-13 17:42:12
目标效果：网页全选功能，即点击全选标签可选择全部复选框 实现代码如下 ......
目标效果：网页全选功能，即点击全选标签可选择全部复选框
实现代码如下
<!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>