<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <input type="checkbox" name="" id="" class="check">全选/取消全选 <br> <input type="checkbox" name="nan" id="" class="ball_checkbox">足球<br> <input type="checkbox" name="nan" id="" class="ball_checkbox">棒球<br> <input type="checkbox" name="nan" id="" class="ball_checkbox">篮球<br> <input type="checkbox" name="nan" id="" class="ball_checkbox">橄榄球<br> <script type="text/javascript"> let delete_checkbox = document.getElementsByClassName('check')[0]; let arr = true; delete_checkbox.addEventListener('click', function() { let nan = document.getElementsByName('nan'); for (let i = 0; i < nan.length; i++) { nan[i].checked = this.checked; } }) </script> </body> </html>
原生js实现复选框选全部框与取消全选框
2023-07-09
92
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
原生js实现复选框选全部框与取消全选框
目录
相关文章
|
5月前
|
前端开发
|
5月前
|
JavaScript
前端开发
数据安全/隐私保护
|
11月前
|
小程序
前端开发
JavaScript
|
前端开发
Window对象提示框、确认框、输入框、弹窗详解
本文目录
1. 背景
2. alert提示框
3. confirm确认框
4. prompt输入框
5. showModalDialog弹窗
6. 小结
1184
0
0
|
5月前
|
5月前
|
JavaScript
|
5月前
|
前端开发
JavaScript
数据安全/隐私保护
前端点击其他输入框的时候，对当上个输入框进行判断（鼠标移出输入框事件，和鼠标点击其他输入框触发事件）
前端点击其他输入框的时候，对当上个输入框进行判断（鼠标移出输入框事件，和鼠标点击其他输入框触发事件）
97
0
0
|
5月前
|
11月前
|
前端开发
|
11月前
热门文章
最新文章
1
Spring Boot 中文乱码问题解决方案汇总
2
软考高级 系统架构师考试经验分享(一次性通过)
3
DataWorks百问百答69：有哪些数据集成报错（数据集成报错归类）？
4
用 Prettier 美化代码
5
ClusterShell之自动化运维工具
6
RHEL7系统破解密码
7
物联网将如何改善社会运行效率?
8
美国互联网公司欲修复与特朗普关系 呼吁支持加密
9
HTML超链接之伪类注意事项
10
listview优化（中）
1
基于BP译码的LDPC误码率matlab仿真,分析码长,码率,信道对译码性能的影响,对比卷积码,turbo码以及BCH码
32
2
ROS 编程入门的介绍
35
3
基于遗传算法的智能天线最佳阵列因子计算matlab仿真
28
4
TypeScript无缝衔接ArkTS：快速入门鸿蒙ArkTS基本语法
28
5
探索深度学习的奥秘
24
6
技术之旅：从困惑到启迪的探索之路
9
7
技术之旅：从迷茫到探索的蜕变
9
8
基于贝叶斯优化卷积神经网络(Bayes-CNN)的多因子数据分类识别算法matlab仿真
11
9
智能照明系统：技术、应用与未来趋势###
15
10
云原生技术在现代企业中的应用与挑战####
11