关于javascript控制checkbox复选框的问题

Question

只举例一行，后面类推给id1的复选框一个onclick事件，点击的时候，用个循环获得后面的复选框数组，让他们的checked属性值变成checked

Answer 1

function checkall() 
{
 
      var e = document.getElementsByName('checkbox');
     
      for(var i = 0; i < e.length; i++)
       {
     
     e[i].checked=e[0].checked;    }
}

Answer 2

<form name=frm >  
      <input   type=checkbox name=0100 value=0100>A<input   type=checkbox   name=010001 value=010001>a1<input   type=checkbox   name=010002 value=010002>a2
      <input   type=checkbox   name=0101 value=0101>B<input   type=checkbox   name=010101 value=010101>b1<input   type=checkbox   name=010102 value=010102>b2
</form>
  <script>  
  function   document.onclick(){   
  var   e=window.event.srcElement;   
  var   o=document.getElementsByTagName("input")   
  if(e.type!="checkbox")return;   
  if(e.checked&&e.name!=="ALL"){   
  for(i=0;i<o.length;i++)
   if(o[i].type=="checkbox"&&e.name==o[i].name.substr(0,e.name.length))o[i].checked=true;   
  }else{   
  for(i=0;i<o.length;i++)
   if(o[i].type=="checkbox"&&e.name==o[i].name.substr(0,e.name.length)&&o[i].checked)o[i].checked=false; 
  }  
 } 
  </script>

Answer 3

<form name=frm >  
<br><input   type=checkbox name=01 value=01>ALL
<br><input   type=checkbox name=0100 value=0100>A<input   type=checkbox   name=010001 value=010001>a1<input   type=checkbox   name=010002 value=010002>a2
<br><input   type=checkbox   name=0101 value=0101>B<input   type=checkbox   name=010101 value=010101>b1<input   type=checkbox   name=010102 value=010102>b2
</form>
  <script>  
  function   document.onclick(){   
  var   e=window.event.srcElement;   
  var   o=document.getElementsByTagName("input")   
  if(e.type!="checkbox")return;   
  if(e.checked&&e.name!=="ALL"){   
  for(i=0;i<o.length;i++)
   if(o[i].type=="checkbox"&&e.name==o[i].name.substr(0,e.name.length))o[i].checked=true;   
  }else{   
  for(i=0;i<o.length;i++)
   if(o[i].type=="checkbox"&&e.name==o[i].name.substr(0,e.name.length)&&o[i].checked)o[i].checked=false; 
  }  
 } 
  </script>

Answer 4

我具体想应用在这里，可能是我描述错了：
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><input name="username"   type="checkbox"  value="1" />
    id1</td>
    <td><input   name="a1"   type="checkbox" value="这里的值随便" />
    a1</td>
    <td><input   name="b1"   type="checkbox" value="这里的值随便" />
    b1</td>
  </tr>
  <tr>
    <td><input name="username"   type="checkbox" value="2" />
    id2</td>
    <td><input   name="a2"   type="checkbox" value="这里的值随便" />
    a2</td>
    <td><input   name="b2"   type="checkbox" value="这里的值随便" />
    b2</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><input name="all"   type="checkbox" alue="all" />
      All</td>
  </tr>
</table>