/**
* 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");}
}
}
})
})
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。