Javascript全选功能

最新推荐文章于 2025-09-05 11:22:47 发布

weixin_30652271

最新推荐文章于 2025-09-05 11:22:47 发布

阅读量45

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yzdxchenhui/p/4965871.html

本文介绍了如何使用JavaScript实现动态创建包含多个复选框的选择框，并通过全选按钮实现批量选择的功能。

<html>
   <head>
   </head>
   <body>
       <script type="text/javascript">
           document.write("<ul>");
           for(var i=0; i<20; i++){
               document.write("<li>");
               document.write('<input type="checkbox" name="ids[]" value="'+i+'">aaaaaaaaa');
               document.write("</li>");
           }
           document.write("</ul>");
       </script>
       <label for="cc"><input id="cc" type="checkbox" onclick="sall(this)">全选</label>
       <script>
           var cnames=document.getElementsByName("ids[]");

           function sall(obj){
               for(var i=0; i<cnames.length; i++){
                   cnames[i].checked=obj.checked;
               }
           }
       </script>
   </body>
</html>