jquery实现bootstrap全选全不选功能

js代码

 m.checkAll = function ($select) {
        var options = $select.find("option");
        var lis = $select.next("div").find("div ul li");
        var values = $select.find("option:selected").text();
        if(values.indexOf("全选")!=-1){
            $.each(options, function(i,v) {
                if($(v).html()!="全不选"&&$(v).html()!="全选"){
                    $(lis[i]).addClass("selected")
                    v.selected=true;
                }else {
                    $(lis[i]).removeClass("selected");
                    v.selected=false;
                }
            });
        }
        if(values.indexOf("全不选")!=-1){
            $.each(options, function(i,v) {
                    $(lis[i]).removeClass("selected");
                    v.selected=false;
            });
        }
    }
    
/**
 * 选中年份在已选年份下加入已选择年份的标签
 */
$("#chartForm [name=year]").change(function () {
    $("#label_div").show();
    meara.checkAll($("#chartForm [name=year]"));
    var selectedValues = $("#chartForm [name=year] option:checked").text();
    var optionList = $("#chartForm [name=year] option");
    var html = "";
    $.each(optionList,function (i,v) {
        if(v.selected){
            html += ' '+v.text+''
        }
    })
    $("#labelYear").html(html);
});

html代码

 				

                

                年份
                
                全选
                全不选