手记

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");}            }        }    })})


0人推荐
随时随地看视频
慕课网APP