(点击全部,选中其他所有选项,撤销全部选中效果,其他所有选项也撤销选择效果)
$("#sttpCon").change(function(){
startnum=endnum;//点击前选中的数量
var last=$("#sttpCon").find("option:selected").text();//选中的值
var val=$("#sttpCon").val().toString();
var lastval=[];
lastval=val.substring(2,val.length).split(",");//用于选中某些项
var lastnum=$("#sttpCon").find("option:selected").length;//选中的值的个数
var len=total;//下拉框总共有几个值
var aa=last.substring(0,2);
if((aa=="全部")&&(startnum<lastnum)){
$("#sttpCon").selectpicker('selectAll');//点击全部,把其他选项都选上
}else if((last.indexOf("全部")==-1)&&(lastnum==len-1)&&(startnum>lastnum)){
$("#sttpCon").selectpicker('deselectAll'); //撤销全部,把其他选项也撤销
}else if((last.indexOf("全部")==-1)&&(lastnum==len-1)&&(startnum<lastnum)){
$("#sttpCon").selectpicker('selectAll');//点击全部,把其他选项都选上
}else if((last.indexOf("全部")!=-1)&&(lastnum==len-1)&&(startnum>lastnum)){
$('#sttpCon').selectpicker('val',lastval);//全选的情况下,点击其他选项撤销选中效果,则把全选也撤销其选中效果
}
endnum=$("#sttpCon").find("option:selected").length;//点击完之后选中的数量
});
selectpicker的用法
最新推荐文章于 2024-04-12 16:50:28 发布