zoukankan      html  css  js  c++  java
  • jQuery使用prop设置checkbox全选、反选

    $(function(){
        var checkbox = $("input[type='checkbox']");
        //全选
        $('#select-all').click(function(){
            checkbox.prop("checked", true);
        });
        //反选
        $('#select-reverse').click(function(){
            checkbox.prop("checked", function(index, attr){
                return !attr;
            });
        });

    });





        $(document).ready(function(){
                $("#allsel").click(function(){
            
                //prop全选
                var is =$(this).prop("checked");
                $("table :checkbox").prop("checked",is);
                
                });
                
                $("table :checkbox").click(function(){
                    $("#allsel").prop("checked",true);
                    $("table :checkbox").each(function(){
                        var is = $(this).prop("checked");
                        if(is==false){
                        $("#allsel").prop("checked",false);
                        }
                    });
                });
                
                //prop反选
                $("#notsel").click(function(){
                    $("table :checkbox").prop("checked",function(i,val){
                        return !val;
                    
                    });
                
                });
            });
       


  • 相关阅读:
    bootstrap 超大屏幕(Jumbotron)
    Bootstrap历练实例:激活导航状态
    Bootstrap 徽章(Badges)
    Bootstrap历练实例:标签修饰
    Bootstrap 标签
    bootstrap 翻页的状态
    [uiautomator篇][10] uiautomator进阶
    [adb 学习篇] adb pull
    安装adb工包
    [python IO学习篇] 补充中文编码
  • 原文地址:https://www.cnblogs.com/baobeiqi-e/p/9884832.html
Copyright © 2011-2022 走看看