今天跟大家写了一份js的联动全选的源码，代码少，清晰易懂。
效果是这样的：
点击科学锻炼全选下面的就会被全部全选，或者下面的被一一选择，全选按钮也会被选中忆江南古诗带拼音。运用复选框来实现的联动全选的功能。
点击上面的复选框就会被全选
javascript：联动全选
当下放的复选框没有被全选，最上面的全选按钮未被选中
复选框联动全选js代码实现：
<!doctype html>
<html>
<head>
<title></title>
<meta chart=”utf-8″>
<script type=”text/javascript”>
window.onload = function ()
{
var obtn1 = document.getelementbyi全国劳模表彰大会d(‘btn1’);
var obox = document.getelementbyid(‘box’);
var oinpu房地产全程营销策划ts = obox.getelementsbytagname(‘input’);
obtn1.onclick = function ()
{
if (obtn1.checked == true) {
for (var i = 0; i < oinputs.length; i++) {
oinputs[i].checked = true;
}
} el {
for (var i = 0; i <做什么生意赚钱 oinputs.length; i++) {
oinputs[i].checked = fal;
}
}
}
//点击每一个input框
for (var i = 0; i < oinputs.length; i++) {
oinputs[i].onclick = function ()
{
var n = 0;
for (var i = 0; i < oinputs.length; i++) {
if (oinputs[i].checked == true) {
n++;
}
}
if (n == oinputs.length) {
obtn1.checked = true;
} el {
obtn1.checked = fal;
}
}
}
}
</script>
</head>
<body>
<h1>全选/全不选</h1>
<input type=”checkbox” id=”btn1″>
<div id=”box”>
<input type=”checkbox” name=””>
<input type=”checkbox” name=””>
<input type=”checkbox” name=””>
<input type=”checkbox” name=””>
</div>
</body>
</html>
相对比较简单，对于初学者应该有很好的帮助！请关注键盘码农。后期继续更新，如有什么看法请在下方评论。第一时间为您解答哦！
本文发布于:2023-04-05 11:56:29，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/c863da465f81dcad68e18f117f296ea1.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：js复选框是否选中（设置按钮无边框的方法）.doc
本文 PDF 下载地址：js复选框是否选中（设置按钮无边框的方法）.pdf
| 留言与评论（共有 0 条评论） |
