jQuery使用prop设置checkbox全选、反选

最新推荐文章于 2024-01-23 19:19:19 发布

宝贝企鹅

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量5.7k

点赞数

分类专栏： JQuery 文章标签： JQuery 全选 checkbox

本文链接：https://blog.csdn.net/suyujiezhang/article/details/50156249

版权

JQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$(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;

               });

           });
       });