全选按钮

最新推荐文章于 2023-10-23 11:47:39 发布

VIP文章易拉易拉罐

最新推荐文章于 2023-10-23 11:47:39 发布

阅读量440

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/wuxiao18/article/details/97282173

版权

提示：全选\全不选这个多选框根据下面四个多选框的变化而变化的当取消其中一个选项时，全选\全不选这个多选框也会做出相应的相应结果，全选按钮和全不选按钮时也是操作五个多选框，反选时如果此前的状态时五个都被选中则反选时也是针对五个多选框。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				/*点击全选按钮后四个多选框全部被选中*/
				var checkall=document.getElementById("checkall");

				checkall.onclick=function(){							
					//获取四个多选框
					var items=document.getElementsByName("items");
					//遍历items,并依次选中
					for(var i = 0;i < items.length;i ++){
						//通过多选框的checked属性可以来获取或设置多选框状态
						items[i].checked = true;
					}	
					checkallbox.checked=true;
				};
				
			    /*点击全不选按钮后四个多选框都不被选中*/
			   var checknotall=document.getElementById("checknotall");
				
				checknotall.onclick=function(){							
					//获取四个多选框
					var items=docum

最低0.47元/天解锁文章

易拉易拉罐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
全选按钮

提示：全选\全不选这个多选框根据下面四个多选框的变化而变化的当取消其中一个选项时，全选\全不选这个多选框也会做出相应的相应结果，全选按钮和全不选按钮时也是操作五个多选框，反选时如果此前的状态时五个都被选中则反选时也是针对五个多选框。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
复制链接

扫一扫