checkbox 全选效果

html部分

<p id="all">全选</p>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>

js部分
<script type="text/javascript">
window.onload=function(){
var all=document.getElementById('all');
var inputAll=document.getElementsByTagName('input');
all.onclick=function(){
for(var i=0;i<inputAll.length;i++){

if(inputAll[i].checked){
inputAll[i].checked=false;
}else{
inputAll[i].checked=true;
}
}
}
}
</script>