<!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
78
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
原生js实现复选框选全部框与取消全选框
目录
相关文章
|
1月前
|
移动开发
前端开发
JavaScript
前端实训，刚入门，我用原生技术（H5、C3、JS、JQ）手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面，开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面，涉及多种特效实现，如动态图片切换和人物聚合效果。作品源码已上传至CSDN，视频效果可在CSDN预览。
46
0
0
|
2月前
|
JavaScript
前端开发
|
3月前
|
移动开发
前端开发
JavaScript
原生JavaScript+canvas实现五子棋游戏_值得一看
本文介绍了如何使用原生JavaScript和HTML5的Canvas API实现五子棋游戏，包括棋盘的绘制、棋子的生成和落子、以及判断胜负的逻辑，提供了详细的代码和注释。
53
0
0
|
4月前
|
Devops
持续交付
测试技术
JSF遇上DevOps：开发流程将迎巨变？一篇文章带你领略高效协同的魅力！
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces（JSF）开发中融入DevOps文化，通过持续集成与部署、自动化测试、监控与日志记录及反馈机制，提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法，并强调了持续改进的重要性。
44
0
0
|
4月前
|
JavaScript
前端开发
API
从零开始学表单操作，jQuery 与原生 JavaScript 完全指南，带你轻松掌握网页交互关键！
【8月更文挑战第31天】在网页开发中，表单是实现用户互动的关键元素。无论是收集信息、提交数据还是验证输入，都需要对表单进行有效操作。本文档介绍了如何使用原生 JavaScript 和 jQuery 操作表单，包括获取表单元素、读写表单值、处理表单提交及验证等核心功能。jQuery 提供了更简洁的语法和更好的兼容性，但原生 JavaScript 在性能上有优势。选择合适的方法取决于项目需求和个人偏好。下面通过具体示例展示了两种方式的操作方法。
45
0
0
|
5月前
|
JavaScript
|
6月前
|
前端开发
JavaScript
容器
|
6月前
|
JavaScript
程序员
|
JavaScript
前端开发
【JavaScript】DOM操作复选框
1569
0
0
|
1月前
|
JavaScript
前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
33
1
1
热门文章
最新文章
1
Node.js 的事件驱动机制
2
基于 JavaScript/VuePress 搭建的远程工作平台：YuanCheng.works
3
如何使用内存监控工具来优化 Node.js 应用的性能
4
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
5
js+jquery实现贪吃蛇经典小游戏
6
在 golang 中执行 javascript 代码的方案详解
7
Node.js新作《循序渐进Node.js企业级开发实践》简介
8
Node.js 的性能
9
基于SVG的js圆形菜单插件
10
如何使用内存快照分析工具来分析Node.js应用的内存问题？
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
58
2
js设计模式-观察者模式与发布/订阅模式
75
3
js设计模式-策略模式与代理模式的应用
76
4
深入理解JavaScript中的闭包机制
64
5
使用Vue.js构建交互式前端的技术探索
92
6
使用Node.js构建实时聊天应用的技术指南
138
7
深入理解JavaScript中的事件循环机制
93
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
124
9
JavaScript 数组方法概览
40
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
71