用javascript选中所有的checkbox

最新推荐文章于 2024-08-22 02:15:13 发布

wing123123

最新推荐文章于 2024-08-22 02:15:13 发布

阅读量94

点赞数

分类专栏： javascript 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/wing123123/article/details/83408733

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

使用一个按钮选中所有的checkbox

<form   name=aa1   >   
      <p>   
        <input   type=checkbox   name="radiotex"   value="1">1   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="3">3   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="4">4   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="2">2   
      </p>   
    <input   type   =   button   value=SelectAll   οnclick="SelectAll()"   
  </form>   
  <script>   
  checkit   =   true;   
  function   SelectAll()   
  {   
      aa   =   document.getElementsByName("radiotex");   
      if   (checkit)   
      {   
      for   (i=0;i<aa.length;i++)   
        aa.item(i).checked=true;   
        checkit   =   false;   
      }   
      else   
      {   
      for   (i=0;i<aa.length;i++)   
        aa.item(i).checked=false;   
        checkit   =   true;   
      }   
  }   
    
  </script>

使用一个按钮选中所有的checkbox 2

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
   function selectall()
   {
   var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=true;
   }
   }
   function cacelall()
   {
  var obj=document.all.b1;
   for(var i=0;i<obj.length;i++)
   {
  obj[i].checked=false;
   }
   }
  </script>
 </HEAD>

 <BODY>
  郭磊<input type="checkbox" checked="checked" name="b1"/>  常伟<input type="checkbox" checked="checked" name="b1"/>  杨怀颖<input type="checkbox" name="b1"/> 
<input type="button" value="全部选中" οnclick="selectall();"/>  <input type="button" value="全部取消" οnclick="cacelall();"/> 
 </BODY>
</HTML>

使用一个checkbox选中其他的checkbox

<html>   
  <head>   
  <title></title>   
  </head>   
  <script   language="javascript">   
  function   chooseallcheckbox(checkcaption,checksel)   
  {   
      var   checkselelement=document.all(checksel);   
      var   checkcaptionelement=document.all(checkcaption,0);   
      if   (checkcaptionelement.checked){   
        for   (i=0;i<checkselelement.length;i++)   
        {checkselelement[i].checked   =   true;}   
      }   
      else   
  {   
    
        for   (i=0;i<checkselelement.length;i++)   
        {checkselelement[i].checked   =   false;}   
  }   
  }   
  </script>   
  <body>   
  <form   name=aa1   >   
      <p>   
          <input   type=checkbox   name="checkcaption"   value="1"   onClick="chooseallcheckbox('checkcaption','radiotex');">   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="1">1   
      </p>     <p>   
          <input   type=checkbox   name="radiotex"   value="3">3   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="4">4   
      </p>   
      <p>   
          <input   type=checkbox   name="radiotex"   value="2">2   
      </p>   
      
  </form>   
  </body>   
  </html>