bootstrap multiselect 全选和全不选,获取所有option的值
程序员文章站
2022-06-08 14:01:57
...
代码如下,具体看注释,项目中有一个功能就是当选中了全选,需要获取所有的value值,进行保存;另一种如果点击了全不选,需要和数据库中的数据进行比较,过滤相同的数据:
$(".demo").multiselect("destroy");
$(".demo").multiselect({
includeSelectAllOption: true,
enableFiltering: true,
selectAllText:'全选',
numberDisplayed: 100, //显示个数设置为最大
onChange: function(option, checked, select) {
//设置隐藏域的点击哪个option和该option的状态,2019年11月14日19:40:55
$("#which_click").val(option[0].value);
$("#click_state").val(checked);
console.log("点击的option的value值为:"+option[0].value+"选中状态类型:"+checked)
dr_module_conn();
},
//全选和全不选监听
onSelectAll: function() {
//获取控件所有的选中值
console.log('全选的值为:'+$('.demo').val());
},
onDeselectAll: function() {
var roomIds = $(".demo option").map(function(){
return $(this).val();
}).get().join(",");//获取所有值并且拼接成字符
console.log('全不选的值为:'+roomIds);
//console.log('全不选');
}
});
$(".demo").multiselect("select", ss_con);