全选反选案例

最新推荐文章于 2023-05-28 23:51:59 发布

别问，问就是白给

最新推荐文章于 2023-05-28 23:51:59 发布

阅读量164

点赞数

文章标签：全选反选案例

本文链接：https://blog.csdn.net/qq_43232869/article/details/103447601

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
	  function quanxuan(){
		  var cs = document.getElementsByName("hobby");
		  for(var i=0;i<cs.length;i++){
			    //alert(cs[i].value)
				//cs[i].checked="checked";
				cs[i].checked=true;
				
		  }
	  }
	  
	  function quanbuxuan(){
		  var cs = document.getElementsByName("hobby");
		  for(var i=0;i<cs.length;i++){
			    //alert(cs[i].value)
				//cs[i].checked="";
				cs[i].checked=false;
		  }
	  }
	   function fanxuan(){
		  var cs = document.getElementsByName("hobby");
		  for(var i=0;i<cs.length;i++){
			   //alert(cs[i].checked);
				cs[i].checked = (!cs[i].checked);
		  }
	  }
		</script>
	</head>
	<body>
<input type="checkbox" value="游戏" name="hobby" />游戏
<input type="checkbox" value="音乐" name="hobby" />音乐
<input type="checkbox" value="体育" name="hobby" />体育
<input type="button" value="全选" onclick="quanxuan();" />
<input type="button" value="全不选" onclick="quanbuxuan();" />
<input type="button" value="反选" onclick="fanxuan();" />
	</body>
</html>

别问，问就是白给

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
全选反选案例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function quanxuan(){ var cs = document.getE...
复制链接

扫一扫