码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript全选功能

时间:2015-11-15 00:53:49      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

<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>

Javascript全选功能

标签:

原文地址:http://www.cnblogs.com/yzdxchenhui/p/4965871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!