js--------getElementsByTagName(复选框的应用)

最新推荐文章于 2022-08-17 09:25:15 发布

格林黄

最新推荐文章于 2022-08-17 09:25:15 发布

阅读量1k

点赞数

分类专栏： web前段javascript知识点汇总

本文链接：https://blog.csdn.net/apity123/article/details/72872247

版权

web前段javascript知识点汇总专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!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 oBtn=document.getElementById("btn");
	var oBtn1=document.getElementById("btn1");
	var oBtn2=document.getElementById("btn2");
	var oDiv=document.getElementById("div1");
	var oCheck=oDiv.getElementsByTagName("input");

	oBtn.οnclick=function()
	{
		for(var i=0;i<oCheck.length;i++)
		{
			oCheck[i].checked=true;
		}	
	}

	oBtn1.οnclick=function()
	{
		for(var i=0;i<oCheck.length;i++)
		{
			oCheck[i].checked=false;
		}	
	}
	oBtn2.οnclick=function()
	{
		for(var i=0;i<oCheck.length;i++)
		{
			if(oCheck[i].checked==true)
			{
				oCheck[i].checked=false;
			}
			else
			{
				oCheck[i].checked=true;
			}
		}	
	}
	
	
}
</script>
</head>

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

格林黄

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js--------getElementsByTagName(复选框的应用)

无标题文档window.onload=function(){ var oBtn=document.getElementById("btn"); var oBtn1=document.getElementById("btn1"); var oBtn2=document.getElementById("btn2"); var oDiv=document.getElementById("
复制链接

扫一扫