JavaScript实例-----反选

时间:2022-05-07
本文章向大家介绍JavaScript实例-----反选，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
<!DOCTYPE HTML>
<html>
<head>
<script>
	function myFunction()
	{
		var oTab = document.getElementsByTagName("input");//获取所有input元素
		for(var i=0 ; i<oTab.length;i++)
		{
			if(oTab[i].checked==true) oTab[i].checked = false;
			else oTab[i].checked = true;
		}
	};
</script>
</head>
<body>
	<div >
		<button id="div1" onclick="myFunction()">反选</button>
		<table>
			<tr><td><input type="checkbox">第一个</td></td></tr>
			<tr><td><input type="checkbox">第二个</td></td></tr>
			<tr><td><input type="checkbox">第三个</td></td></tr>
			<tr><td><input type="checkbox">第四个</td></td></tr>
			<tr><td><input type="checkbox">第五个</td></td></tr>
			<tr><td><input type="checkbox">第六个</td></td></tr>
		</table>
	</div>

</body>
</html>

随机文章
Javascript知识点必读
最近更新