<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript"> window.onload=function(){ // 全选/全不选 var chk1=document.getElementById("chk1"); // 反选 var chk2=document.getElementById("chk2"); // 获取所有的input标签 var oDiv=document.getElementById("chk"); var chks=oDiv.getElementsByTagName("input"); chk1.onclick=function(){ //alert("哈哈"); for(var i=0;i<chks.length;i++){ chks[i].checked=chk1.checked; // 全部选中 或全部选中 } }; chk2.onclick=function(){ for(var i=0;i<chks.length;i++){ chks[i].checked=!chks[i].checked;// 反选 } }; }; </script> </head> <body> <div id="top">

</div>

<div id="container">
	<input type="checkBox" id="chk1">全选/全不选
	<input type="checkBox" id="chk2">反选
	<hr size="5" color="white">
	<div id="chk">
		<input type="checkBox">篮球
		<br>
		<input type="checkBox">羽毛球
		<br>
		<input type="checkBox">乒乓球
		<br>
		<input type="checkBox">足球
		<br>
		<input type="checkBox">橄榄球
		<br>
		<input type="checkBox">棒球
	</div>
</div>

</body> </html>