<!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
39
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
原生js实现复选框选全部框与取消全选框
目录
相关文章
|
4天前
|
前端开发
JavaScript
调度
|
6天前
|
JavaScript
前端开发
js原生自调用函数原理
JavaScript中的IIFE（Immediately Invoked Function Expression）是定义后立即执行的函数表达式。它有两种实现方式：匿名函数表达式 `(function() { /* 函数体 */ })()` 和命名函数声明 `(function myFunction() { /* 函数体 */ })()`。IIFE提供封闭作用域，防止变量冲突，常用于创建私有作用域、封装代码和避免变量提升问题。执行后，IIFE内部的变量和函数会被销毁，除非被特意暴露。
6
2
2
|
6天前
|
存储
JavaScript
前端开发
js原生方法，获取url上面所有参数，并返回一个对象
JavaScript函数`getUrlParameters`用于从URL中提取所有参数并返回一个键值对对象。它接收URL，分割查询字符串，解码参数对，并存储在对象中。重复参数键会被存储为数组。
14
2
2
|
7天前
|
JavaScript
前端开发
BI
|
10天前
|
移动开发
JavaScript
HTML5
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
input | pattern | oninvalid | setCustomValidity | html5原生js表单校验
13
0
0
|
10天前
|
JavaScript
|
10天前
|
JavaScript
前端开发
UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术，包括使用`getElement*`方法和CSS选择器获取元素，借助`createElement`与`appendChild`动态创建及插入元素，修改元素内容、属性和样式，以及删除元素。通过掌握这些技术，开发者能实现页面动态交互，但应注意避免过度操作DOM以优化性能和用户体验。
14
1
1
|
3天前
|
存储
移动开发
JavaScript
|
9天前
|
JavaScript
前端开发
测试技术
|
17天前
|
JavaScript
前端开发
应用服务中间件
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
9
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
10
前端最常见的JS面试题大全
1
JavaScript字符串检查：从基础到高级
26
2
使用 JavaScript 获取 URL 参数的详细指南
670
3
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
121
4
Java Script 中的垃圾回收机制有哪些缺点
14
5
描述 JavaScript 中的垃圾回收机制。
20
6
如何使用 JavaScript 操作 DOM？
17
7
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19
8
JavaScript 中的数组方法有哪些？
10
9
JS设置日期为0时0分0秒
30
10
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
26