JS实现全选，不选，反选

最新推荐文章于 2024-04-02 19:39:43 发布

hoshi_53

最新推荐文章于 2024-04-02 19:39:43 发布

阅读量153

点赞数

分类专栏： JS

JS 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

以下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.οnlοad=function()
{
	
	var aCh=div1.getElementsByTagName('input');
	btn1.οnclick=function()
	{
	for( var i=0;i<aCh.length;i++){
		aCh[i].checked=true;
		};
	};
	
	btn2.οnclick=function()
	{
	for( var i=0;i<aCh.length;i++){
		aCh[i].checked=false;
		};
	};
	
	btn3.οnclick=function()
	{
	for( var i=0;i<aCh.length;i++){
		if(aCh[i].checked==true){
		aCh[i].checked=false;
		
		}else{
			aCh[i].checked=true;
			}
		
		};
	};




};
</script>

</head>

<body>
<input  id="btn1" type="button" value="全选" />
<input  id="btn2" type="button" value="不选" />
<input  id="btn3" type="button" value="反选" />
<div id="div1">
<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 />
<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 />
<input type="checkbox" /> <br />
<input type="checkbox" /> <br />
<input type="checkbox" /> <br />
<input type="checkbox" /> <br />
</div>
</body>
</html>