JS全选/取消全选

最新推荐文章于 2021-12-30 23:55:25 发布

转载最新推荐文章于 2021-12-30 23:55:25 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/perseverancevictory/articles/3637075.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的JavaScript代码实现，通过一个按钮点击事件，可以实现在HTML页面中快速选择所有复选框，方便网页元素的批量操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8">
<script type="text/javascript">
window.onload=function(){
   var obtn=document.getElementById('btn');
   var oinput=document.getElementsByTagName('input');
   var i=0;
   obtn.onclick=function(){
	for(i=0;i<oinput.length;i++){   
	  if(oinput[i].checked==true){
	   oinput[i].checked=false;
	    }else{
          oinput[i].checked=true;
		}
	  }
   }
}   
</script>	


</head>
<body>
<p id="btn">全选</p>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
</body>
</html>

转载于:https://www.cnblogs.com/perseverancevictory/articles/3637075.html