实现全选按钮的js代码

Posted 有一个小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现全选按钮的js代码相关的知识,希望对你有一定的参考价值。

 

            //全选,取消全选
            $(document).on("click","#selection",function(){
                if($(this).hasClass("selected")==false){
                    $(this).closest(".tablesWrap").find("input[type=checkbox]").prop("checked",true);
                    $(this).addClass("selected");
                }else{
                    $(this).closest(".tablesWrap").find("input[type=checkbox]").prop("checked",false);
                    $(this).removeClass("selected");
                }
            });
 
 
.tablesWrap便是包含所有复选框的类名。

以上是关于实现全选按钮的js代码的主要内容,如果未能解决你的问题,请参考以下文章

js全选,反选,全不选

angularjs 全选反选

js实现checkbox全选 代码具体意思是啥?看不太懂

JS实现购物车全选多选按钮功能

js全选反选按钮实现

js 全选选框与取消全选代码