zoukankan      html  css  js  c++  java
  • Jqurey 全选和全不选

    <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>    <script type="text/javascript">
            $(function() {
               $("#checkAll").click(function() {
                    $('input[name="subBox"]').attr("checked",this.checked); 
                });
                var $subBox = $("input[name='subBox']");
                $subBox.click(function(){
                    $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
                });
            });
        </script>
     
    </head>
    <body>
        <div>
            <input id="checkAll" type="checkbox" />全选
            <input name="subBox" type="checkbox" />项1
            <input name="subBox" type="checkbox" />项2
            <input name="subBox" type="checkbox" />项3
            <input name="subBox" type="checkbox" />项4
        </div>
    </body>

    用attr 会有个问题 全选只能使用一次  第一次运行,点select all那个checkbox,可以全选,再点一次,也可以全部取消。但是,之后不管怎样点击,都没有用了……

    百度了一下 用prop 替换使用attr 就可以勒

    区别  http://www.cnblogs.com/zhwl/p/3520162.html

    <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>    <script type="text/javascript">
            $(function() {
               $("#checkAll").click(function() {
                    $('input[name="subBox"]').prop("checked",this.checked); 
                });
                var $subBox = $("input[name='subBox']");
                $subBox.click(function(){
                    $("#checkAll").prop("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
                });
            });
        </script>
     
    </head>
    <body>
        <div>
            <input id="checkAll" type="checkbox" />全选
            <input name="subBox" type="checkbox" />项1
            <input name="subBox" type="checkbox" />项2
            <input name="subBox" type="checkbox" />项3
            <input name="subBox" type="checkbox" />项4
        </div>
    </body>
  • 相关阅读:
    在ubuntu下递归追索一个包的所有必要依赖项apt_dep.sh
    龙芯系统下,GTK与OPENGL共舞
    Linux应用程序自行开启Core Dump生成功能
    Daliy Algorithm -- day 102
    Daliy Algorithm -- day 101
    Daliy Algorithm -- day 100
    Daliy Algorithm -- day 99
    Daliy Algorithm -- day 98
    Daliy Algorithm -- day 97
    使用R语言进行简单的线性回归
  • 原文地址:https://www.cnblogs.com/acgk/p/4568312.html
Copyright © 2011-2022 走看看