版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yu_hongrun/article/details/82895135
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 += ' <span class="label label-info">'+v.text+'</span>'
}
})
$("#labelYear").html(html);
});
html代码
<div class="form-group col-lg-2 col-sm-6">
<div class="input-group">
<span class="input-group-addon">年份</span>
<select name="year" class="selectpicker" multiple
data-server-load="enquirySchoolYear"
data-val="true"
data-val-required="请选择年份"
data-val-tooltip="true">
<option>全选</option>
<option>全不选</option>
<select>
</div>
</div>