JQuery全选/反选设置
生活随笔
收集整理的這篇文章主要介紹了
JQuery全选/反选设置
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
/***?HTML代碼*/
<div?class="checkbox-filter"><label?class="select"><span>近一年</span></label><label?class="cut"></label><label?val="1Min"?class="cb"><span?class="list-item"> </span>1Min</label><label?val="5Min"?class="cb"><span?class="list-item"> </span>5Min</label><label?val="15Min"?class="cb"><span?class="list-item"> </span>15Min</label><label?val="30Min"?class="cb"><span?class="list-item"> </span>30Min</label><label?val="1h"?class="cb"><span?class="list-item"> </span>1h</label><label?val="2h"?class="cb"><span?class="list-item"> </span>2h</label><label?val="4h"?class="cb"><span?class="list-item"> </span>4h</label><label?val="1d"?class="cb"><span?class="list-item"> </span>1d</label><label?val="1w"?class="cb"><span?class="list-item"> </span>1w</label><label?val="all"?class="all"><span?class="list-item"> </span>全部</label>
</div>/***?jQuery代碼*/$(function(){$("div?label:gt(1)").on("click",?function?()?{if($(this).hasClass("all")){if($(this).hasClass("on")){$("div?label:gt(1)").removeClass("on");$(this).removeClass("on");}else{$("div?label:gt(1)").addClass("on");$(this).addClass("on");}}else{if($(this).hasClass("on")){$(this).removeClass("on");$("div?label.all").removeClass("on");}else{$(this).addClass("on");var?$flag?=?true;$.each($("label.cb"),function?(k,b)?{if(!$(b).hasClass("on")){$flag?=?false;return?false;}})if($flag){$("div?label.all").addClass("on");}}}})
})
轉(zhuǎn)載于:https://blog.51cto.com/tomastong/1782194
總結(jié)
以上是生活随笔為你收集整理的JQuery全选/反选设置的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (39.3) Spring Boot S
- 下一篇: PL/SQL异常处理(原创)