JS实现全选、不选、反选

<script>

window.onload=function(){

var CheckAll=document.getElementById('All');

var UnCheck=document.getElementById('uncheck');

var OtherCheck=document.getElementById('othercheck');

var div=document.getElementById('div');

var CheckBox=div.getElementsByTagName('input');

CheckAll.onclick=function(){

for(i=0;i<CheckBox.length;i++){

CheckBox[i].checked=true;

};

};

UnCheck.onclick=function(){

for(i=0;i<CheckBox.length;i++){

CheckBox[i].checked=false;

};

};

othercheck.onclick=function(){

for(i=0;i<CheckBox.length;i++){

if(CheckBox[i].checked==true){

CheckBox[i].checked=false;

}

else{

CheckBox[i].checked=true

}

};

};

};

</script>

全选：<input type="button" id="All" value="全选" /><br />

不选<input type="button" id="uncheck" value="不选" /><br />

反选<input type="button" id="othercheck" value="反选" /><br />

<div id="div">

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

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