<!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-22
65
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
原生js实现复选框选全部框与取消全选框
目录
相关文章
|
20天前
|
Devops
持续交付
测试技术
JSF遇上DevOps：开发流程将迎巨变？一篇文章带你领略高效协同的魅力！
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces（JSF）开发中融入DevOps文化，通过持续集成与部署、自动化测试、监控与日志记录及反馈机制，提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法，并强调了持续改进的重要性。
28
0
0
|
3月前
|
JavaScript
前端开发
安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
41
5
5
|
3月前
|
JavaScript
|
2月前
|
JavaScript
|
3月前
|
前端开发
JavaScript
容器
|
3月前
|
JavaScript
程序员
|
3月前
|
移动开发
JavaScript
前端开发
|
3月前
|
JavaScript
前端开发
|
设计模式
前端开发
JavaScript
|
JavaScript
前端开发
Java
100行代码让您学会JavaScript原生的Proxy设计模式
3360
0
0
热门文章
最新文章
1
JavaScript基本数据类型分析
2
[译] 使用 Node.js 提供百万的活跃 WebSocket 连接
3
读javascript高级程序设计14-错误处理与调试
4
VS实现JavaScript智能感知实践
5
用js实现登录的简单验证
6
js 格式验证总结
7
局部打印插件 jquery.PrintArea.js
8
《JavaScript和jQuery实战手册（原书第2版）》——3.5节教程：一个简单测验
9
如何添加360浏览器（chrome）添加JavaScript例外，禁止网站加载JS
10
Kotlin 扩展函数 与 JS 的 prototype
1
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
62
2
Vue.js 中父组件调用子组件的方法
97
3
Vue.js 中子组件向父组件传值的方法
56
4
使用JavaScript和XLSX.js将数据导出为Excel文件
279
5
AngularJS是一款由Google收购的JavaScript结构框架
56
6
JavaScript 关键字
45
7
【Web 前端】什么是JS变量提升？
98
8
<body> 中的JavaScript函数
30
9
<head> 中的JavaScript 函数
30
10
【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的未来发展趋势
130