复选框的全选是怎么做出来的，单击一下选中它然后让其他所有的复选框选中，怎样可以实现？

Question

<input type=checkbox onclick=selectall()>Select all<br>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<script>
function selectall(){
var obj=document.all.a1
for(i=0;i<obj.length;i++)
obj[i].checked=(event.srcElement.checked)?true:false
}
</script>

Answer 1

<input type=checkbox onclick=selectall()>Select all<br>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<input type=checkbox name=a1>
<script>
function selectall(){
var obj=document.getElementsByTagName("input")
for(i=0;i<obj.length;i++)if(obj[i].type=="checkbox")
obj[i].checked=window.event.srcElement.checked
}
</script>

Answer 2

<input type="checkbox" name="chkall" value="on" onClick="CheckAll(this.form)">
......
<script language="JavaScript">
<!--
function CheckAll(form)
  {
  for (var i=0;i<form.elements.length;i++)
    {
    var e = form.elements[i];
    if (e.name != 'chkall')
       e.checked = form.chkall.checked;
    }
  }
//-->
</script>

Answer 3

<input type="checkbox" name="chkall" value="on" onClick="CheckAll(this.form)"><script language="JavaScript">
 function checkall(form){
     for(i=0;i<form.elements.length;i++){
         var e=form.elements[i];
            e.checked=true;
      }
  }
</script>