如何获取页面中所有的checkbox

用getElementsByTagName就可以了，如下：  
   
  <div   id="tt">  
   
  <form   method="POST"   action="">  
  在这个DIV里共有<span   id="t"></span>个checkbox  
  <input   type="checkbox"   name="C1"   value="ON"   checked>  
  <input   type="checkbox"   name="C2"   value="ON"   checked>  
  <input   type="checkbox"   name="C3"   value="ON"   checked>  
  <input   type="checkbox"   name="C4"   value="ON"   checked>  
  <input   type="checkbox"   name="C5"   value="ON"   checked>  
  <input   type="checkbox"   name="C6"   value="ON"   checked>  
  <input   type="checkbox"   name="C7"   value="ON"   checked>  
  <input   type="checkbox"   name="C8"   value="ON"   checked>  
  </form>  
  <script   language="javascript">  
  var   getCK=document.getElementsByTagName('input');  
  var   j=0;  
   
  for(var   i=0;i<getCK.length;i++)  
  {  
      whichObj=getCK[i];  
      if(whichObj.type=="checkbox")  
      {  
          whichObj.checked=false;  
          j++;  
      }  
  }  
  document.getElementById('t').innerText=j;  
  </script>  
   
  </div>  
  Top

3 楼brothercat（猫猫 ^_^）回复于 2006-04-07 20:23:00 得分 5

要加按钮的话就这样写：  
   
  <div   id="tt">  
   
   
  <form   method="POST"   action="">  
  如何获取页面中所有的checkbox在这个DIV里共有<span   id="t">几</span>个checkbox  
  <input   type="checkbox"   name="C1"   value="ON"   checked>  
  <input   type="checkbox"   name="C2"   value="ON"   checked>  
  <input   type="checkbox"   name="C3"   value="ON"   checked>  
  <input   type="checkbox"   name="C4"   value="ON"   checked>  
  <input   type="checkbox"   name="C5"   value="ON"   checked>  
  <input   type="checkbox"   name="C6"   value="ON"   checked>  
  <input   type="checkbox"   name="C7"   value="ON"   checked>  
  <input   type="checkbox"   name="C8"   value="ON"   checked>  
  <input   type="button"   value="reset"   οnclick="changeStates()">  
  </form>  
  <script   language="javascript">  
  function   changeStates()  
  {  
      var   getCK=document.getElementsByTagName('input');  
      var   j=0;  
   
      for(var   i=0;i<getCK.length;i++)  
      {  
          whichObj=getCK[i];  
          if(whichObj.type=="checkbox")  
          {  
              whichObj.checked=false;  
              j++;  
          }  
      }  
      document.getElementById('t').innerText=j;  
  }  
  </script>  
   
  </div>  
  Top

4 楼chouchy（城市刀客）回复于 2006-04-07 20:36:01 得分 15

用getElementsByTagName("INPUT")获得div里面的所有checkbox,循环设置checked=false就可以了。  
  楼上的方法没有判断该checkbox是否在div中。  
   
  <div   id="myDiv"   style="border:1px   solid   #F00">  
  <input   type="checkbox"   name="c1">  
  <input   type="checkbox"   name="c2">  
  <input   type="checkbox"   name="c3">  
  <input   type="checkbox"   name="c4">  
  </div>  
  <input   type="checkbox"   name="c5"   checked="checked">这个在div外  
  <input   type="button"   value="取消选择"   οnclick="unCheck()">  
  <script   language="javascript">  
  function   unCheck()  
  {  
  var   div=document.getElementById("myDiv");  
  var   ckb=document.getElementsByTagName("INPUT");  
  for(i=0;i<ckb.length;i++)  
  {  
  if(ckb[i].type=="checkbox"   &&   ckb[i].parentNode==div)  
  ckb[i].checked=false;  
  }  
  }  
  </script>  
   
   
   
  Top

5 楼wizfly（）回复于 2006-04-10 11:53:16 得分 0

谢谢两位的回复。很精典。多谢指点。

转载于:https://www.cnblogs.com/nianshi/archive/2009/02/24/1397297.html