zoukankan      html  css  js  c++  java
  • 全选、全不选、反选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <script>
    document.write("<ul>");
    for(i=0;i<10;i++){
        document.write("<li>");
        document.write("<input type='checkbox' name='ids[]' value='"+i+"'>内容内容容内容容内容容内容")
        document.write("</li>");
        
        }
    document.write("</ul>")
    </script>
    <a href="javascript:sall()" >全选</a>
    <a href="javascript:fall()">反选</a>
    <a href="javascript:nall()">全不选</a>
    <script>
        var names=document.getElementsByName("ids[]");
        function sall(){
            for(var i=0;i<names.length; i++){
                names[i].checked="true";
            }
        }
        function fall(){
            for(var i=0; i<names.length;i++){
                if(names[i].checked){
                    names[i].checked="";
                }else{
                    names[i].checked=true;
                    }
            }    
            
        }
        function nall(){
            for(var i=0;i<names.length;i++){
                    names[i].checked="";
                }
            
            }
        
        
    </script>
    </body>
    </html>
  • 相关阅读:
    swap函数的例子
    实现类似shared_ptr的引用计数
    使用new分配内存的类需要自己定义拷贝构造函数
    练习13.14 13.15 13.16
    查询单词,综合例子。
    无序容器
    关联容器操作
    关联容器概述
    文本查询程序
    shared_ptr与weak_ptr的例子
  • 原文地址:https://www.cnblogs.com/jinsuo/p/6093678.html
Copyright © 2011-2022 走看看