复选框的全选与取消全选

html代码

<input type="checkbox" name="all"  οnclick="checkAll(0)"  />全选<br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="child"  /> <br />
<input type="checkbox" name="all" οnclick="checkAll(1)" />全选

js代码

<script>
function checkAll(index){
var main=document.getElementsByName("all")[index];  获取全选按钮
var child=document.getElementsByName("child");    获取所有子按钮
for(var i=0;i<child.length;i++){
child[i].checked=main.checked; 
}
}
</script>