切换checkbox的全选中和全取消

Question

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选：<input type=button value="check" onclick=sel('chk')>
<script language="javascript">
 function sel(a){ 
  o=document.getElementsByName(a) 
  for(i=0;i<o.length;i++) 
  o[i].checked=event.srcElement.checked 
 }
</script>

Answer 1

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选：<input type=checkbox onclick=sel('chk')>
<script language="javascript">
 function sel(a){ 
  o=document.getElementsByName(a) 
  for(i=0;i<o.length;i++) 
  o[i].checked=event.srcElement.checked 
 }
</script>

Answer 2

<script>
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><input type="checkbox" name="id" value="<%=rs("id")%>">全选<input type="checkbox" name="chkall" onClick="CheckAll(this.form)" value="ON">

Answer 3

<script language="javascript">
 function sel(obj){ 
  oEl=document.getElementsByName(obj) 
  for(i=0;i<oEl.length;i++) 
  oEl[i].checked=event.srcElement.checked 
 }
</script>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<br>
全选：<input type=checkbox onclick=sel('ck')>

Answer 4

function selectAll(objctlBox,aryCheckBox){     
      var ischeck = objctlBox.getAttribute("checked");
      var size = aryCheckBox.length;
      if(ischeck==true){
          if(size==undefined){
              aryCheckBox.checked = "checked";
          }else{
      for(var i=0; i<aryCheckBox.length; ++i){
     aryCheckBox[i].checked = "checked";
  }
  }
  }else{
          if(size==undefined){
              aryCheckBox.checked = "";
          }else{
      for(var i=0; i<aryCheckBox.length; ++i){
     aryCheckBox[i].checked = "";
  }
  }
  }
   }
</script>

Answer 5

http://blog.csdn.net/meizz/archive/2005/12/01/541331.aspx

Answer 6

<script language="javascript">
 function sel(obj){ 
  oEl=document.getElementsByName(obj);
  for(i=0;i<oEl.length;i++){
  oEl[i].checked = !(oEl[i].checked);
  }
 }
</script>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<input type=checkbox name=ck>
<br>
<input type=button value="反选" onclick=sel('ck')>反选~

Answer 7

HTML code <input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<br> 
全选/反选： <input type=checkbox onclick=sel('chk')> 
<script type="text/javascript">  function sel(a){  
  var count = 0;
  var o=document.getElementsByName(a)  
  for(i=0;i <o.length;i++)  
  {
    if(o[i].checked == true)
    {
      count++;
    } 
  }
  if(count == o.length)
  {
  for(i=0;i <o.length;i++)
  { 
    o[i].checked = false; 
  } 
  }
  else
  {
    for(i=0;i <o.length;i++)
  { 
    o[i].checked = true; 
  } 
  }
  
 } 
</script> 
  for(i=0;i <o.length;i++)
  { 
    o[i].checked = false; 
  } 
  }
  else
  {
    o[i].checked = true; 
  }
  
 } 
</script> 

Answer 8

上面的方法是可以实现的,不过比较麻烦
简单点的话你可以
全选/反选：  <input type=checkbox onclick=sel('chk')>  
这个做为控制的组键一个ID,然后用getElementById('checkid')的方法取到这个对象
把他的checked状态赋给那些个单独选择的checkbox就成啦