首页 > 技术文章 > JavaScript实例-----反选

zsboy 2015-05-13 21:59 原文

<!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>

  

推荐阅读