使用JS完成表格复选框中的全选和全不选

最新推荐文章于 2023-01-05 16:28:12 发布

乔洪涛

最新推荐文章于 2023-01-05 16:28:12 发布

阅读量1.7k

点赞数 2

分类专栏：前端内容区文章标签： JS JavaScript

本文链接：https://blog.csdn.net/qq_43299421/article/details/84846692

版权

大家好，我是今天的博主，<一个想做全栈的咸鱼> 今天跟大家一起学习一下复选框中的全选和全不选

确定事件鼠标单击事件onclick，事件绑定到编号其那面的复选框里面
获取编号前面的复选框的状态（是否选中）
获取复选框:var checkALLEle = document.getElementById(“id”);
获取复选框的状态：checkALLEle.checked
获取下面所有的复选框：
Document.getElementByName(“name”);
步骤分析：
1、确定事件onclick,并且绑定一个函数
2、书写函数获取编号前的复选框，获取其状态
3、判断编号前面复选框的状态（如果为选中，获取下面所有的复选框，并将其状态置为选中）
4、判断编号前面复选框的状态（如果为未选中，获取下面所有的复选框，并将其状态置为未选中）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>全选和全不选</title>
		<script>
			function checkAll(){
				//1.获取编号前面的复选框
				var checkAllEle = document.getElementById("checkAll");
				//2.对编号前面复选框的状态进行判断
				if(checkAllEle.checked==true){
					//3.获取下面所有的复选框
					var checkOnes

最低0.47元/天解锁文章

乔洪涛

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用JS完成表格复选框中的全选和全不选

大家好，我是今天的博主，&lt;一个想做全栈的咸鱼&gt; 今天跟大家一起学习一下复选框中的全选和全不选确定事件鼠标单击事件onclick，事件绑定到编号其那面的复选框里面获取编号前面的复选框的状态（是否选中）获取复选框:var checkALLEle = document.getElementById(“id”);获取复选框的状态：checkALLEle.checked获取下面所有的...
复制链接

扫一扫