欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js html css實現(xiàn)復(fù)選框全選與反選

 更新時間：2021年04月11日 15:15:07   作者：自在飛花輕似夢  
這篇文章主要為大家詳細介紹了js實現(xiàn)復(fù)選框全選與反選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了js復(fù)選框全選與反選實現(xiàn)代碼，供大家參考，具體內(nèi)容如下

<html>
 <head>
 <title>html+css+js實現(xiàn)復(fù)選框全選與反選</title>
 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 <meta name="keywords" content="js,筆試題目" />
 <style type="text/css">
  table,tr,td
  {
  border:1px solid red;
  }
 </style>
 <script type="text/javascript">
  function quanxuan()
  {
  for(var i=1;i<=3;i++)
  {
   var cbox_id="cb"+i;
   var cbox=document.getElementById(cbox_id);
   //alert(cbox.value);
   if(document.getElementById("cb_quanxuan").checked)
   cbox.checked=true;
   else
   cbox.checked=false;;
  }
  }
  function fanxuan()
  {
  for(var i=1;i<=3;i++)
  {
   var cbox_id="cb"+i;
   var cbox=document.getElementById(cbox_id);
   if(document.getElementById("cb_fanxuan").checked)
   {//選中反選框
   if(cbox.checked)
    cbox.checked=false;
   else
    cbox.checked=true;
   }
   else
   {
   if(cbox.checked)
    cbox.checked=false;
   else
    cbox.checked=true;
   }
  }
  }
 </script>
 
 </head>
 <body>
 <form id="form1">
  <table>
  <tr>
   <td><input type="checkbox" id="cb_quanxuan" onclick="quanxuan()" />全選</td>
   <td>復(fù)選框全選案例</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  
  <tr>
   <td><input type="checkbox" id="cb1" value="1" />1</td>
   <td>我是傻逼1</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  
  <tr>
   <td><input type="checkbox" id="cb2" value="2" />2</td>
   <td>我是傻逼2</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  
  <tr>
   <td><input type="checkbox" id="cb3" value="3" />3</td>
   <td>我是傻逼3</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  
  <tr>
   <td><input type="checkbox" id="cb_fanxuan" onclick="fanxuan()" />反選</td>
   <td>反選案例</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  </table>
 </form>
 </body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論