首页 > 网页设计 > Html select 批量选择

Html select 批量选择

  1. <head>
  2.     <script>
  3.         function selectAll(box1,box2){
  4.             var allBox = document.getElementsByName(box1);
  5.             var id = document.getElementsByName(box2);
  6.             for(var i=0;i<id.length;i++){
  7.                 if(id[i].checked!=allBox[0].checked){
  8.                     id[i].click();
  9.                 }
  10.             }
  11.         }
  12.     </script>
  13. </head>
  14. <html>
  15.     <body>
  16.         <input type="checkbox" name="select" onclick="selectAll('select','id')">全选
  17.         <input type="checkbox" name="noSelect" onclick="selectNotAll('noSelect','id')">不全选
  18.         <br>
  19.         <input type="checkbox" name="id" value="1" />人文
  20.         <input type="checkbox" name="id" value="2" />地理
  21.         <input type="checkbox" name="id" value="3" />天文
  22.         <input type="checkbox" name="id" value="4" />历史
  23.     </body>
  24. </html>
[html][/html] view plaincopy

  1. <pre name="code" class="html" style="margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; background-color: rgb(240, 240, 240); ">function selectAll(box1,box2){
  2.             var allBox = document.getElementsByName(box1);
  3.             var id = document.getElementById(box2);
  4.             for(var i=0;i<id.length;i++){
  5.                 if(id[i].checked!=allBox.checked){
  6.                     id[i].click();
  7.                 }
  8.             }
  9.         }</pre><br>
  10. <pre></pre>
  11. <p><br>
  12. </p>
  13. <p>getElementById()<span style="white-space:pre"> </span>返回对拥有指定 id 的第一个对象的引用。<br>
  14. getElementsByName()<span style="white-space:pre"> </span>返回带有指定名称的对象集合。<br>
  15. </p>

本文固定链接: http://www.devba.com/index.php/archives/1922.html | 开发吧

报歉!评论已关闭.