JS——全选

本次所说全选效果如下：

· 当全选按钮选中，其余按钮都进入选中状态

· 当全选按钮取消时，其余按钮都取消选中

代码如下：

HTML代码

<input type="checkbox"  id="btn" />全选 
<hr/>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">

JS代码

<script type="text/javascript">
window.onload = function(){
	var obtn = document.getElementById('btn');
	var checkInput = document.getElementsByTagName('input');

	
	obtn.onclick = function(){
		if(obtn.checked == true){
			for(var i = 1;i < checkInput.length;i++){
				checkInput[i].checked = true;
			}
		}
		else{
			for(var i = 1;i < checkInput.length;i++){
				checkInput[i].checked = false;
			}
		}

	};
};
</script>

____________END____________