JQuery全选/反选设置

/*** HTML代码*/
<div class="checkbox-filter"><label class="select"><span>近一年</span></label><label class="cut"></label><label val="1Min" class="cb"><span class="list-item">&nbsp;</span>1Min</label><label val="5Min" class="cb"><span class="list-item">&nbsp;</span>5Min</label><label val="15Min" class="cb"><span class="list-item">&nbsp;</span>15Min</label><label val="30Min" class="cb"><span class="list-item">&nbsp;</span>30Min</label><label val="1h" class="cb"><span class="list-item">&nbsp;</span>1h</label><label val="2h" class="cb"><span class="list-item">&nbsp;</span>2h</label><label val="4h" class="cb"><span class="list-item">&nbsp;</span>4h</label><label val="1d" class="cb"><span class="list-item">&nbsp;</span>1d</label><label val="1w" class="cb"><span class="list-item">&nbsp;</span>1w</label><label val="all" class="all"><span class="list-item">&nbsp;</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");}}}})
})

转载于:https://blog.51cto.com/tomastong/1782194

JQuery全选/反选设置相关推荐

jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
JQuery全选反选随其他checkbox自动勾选全选反选
工作中的代码片段写出来留作以后对比参考网上没找到自己想要的全选反选代码干脆自己写了个比较臃肿的相信还有更加简单的方法 jquery代码 ============================ ...
关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
html dom反选,Dom操作--全选反选
我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
Jquery实现全选反选
Jquery实现全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
Jquery 全选、反选问题解析
最近工作中,需要使用Jquery实现复选框的全选和反选,本人虽然不是专职撸前端的,但这个小问题感觉也没什么难度,下面直接上代码: <div id="list"> < ...
jQuery之标签操作和返回顶部、登录验证、全选反选、克隆示例
一.样式操作 1.JQ中的样式类 somenode.addClass();// 添加指定的CSS类名. somenode.removeClass();// 移除指定的CSS类名. somenode.h ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...

JQuery全选/反选设置

JQuery全选/反选设置相关推荐

最新文章

热门文章