JS全选反选功能

二次信任 提交于 2020-03-20 03:37:57
总选框:<input type="checkbox" class="all" name="all">

子选框:
<input class='sel' type='checkbox' class="sel" name='test' value="">




/**
             * 全选 反选
             */
            $(".all").bind("click",function(){
            $(".sel").prop("checked",$(this).prop("checked"));
            })
            $(".sel").bind("click",function(){
                var sel=$(".sel");
                var b=true;
                for(var i=0;i<sel.length;i++){
                    if(sel[i].checked==false){
                        b=false;
                        break;
                    }
                }
                $(".all").prop("checked",b);
            })

  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!