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>
        <a href="javascript:sall()">全选</a>
        <a href="javascript:fall()">反选</a>
        <a href="javascript:nall()">全不选</a>
        <script>
            var cnames=document.getElementsByName("ids[]");
            function sall(){
                for(var i=0; i<cnames.length;i++){
                    cnames[i].checked="true";
                }
            }

            function fall(){
                for(var i=0; i<cnames.length;i++){
                    if(cnames[i].checked){
                        cnames[i].checked="";
                    }else{
                        cnames[i].checked ="true";
                    }
                }
            }

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

posted @ 2015-11-14 23:28  -爱神-  阅读(175)  评论(0编辑  收藏  举报