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>
  • 相关阅读:
    不同路径II --动态规划
    观察者模式-设计模式
    策略模式-设计模式
    不同路径--动态规划
    最长回文子串--动态规划
    模板方法-设计模式
    爬楼梯-动态规划
    最大子序和 --动态规划
    R.Swift优雅加载资源文件
    最大公约数和最小公倍数
  • 原文地址:https://www.cnblogs.com/acgk/p/4568312.html
Copyright © 2011-2022 走看看