bootstrap multiselect 全选和全不选,获取所有option的值

周锐
2023-12-01

代码如下,具体看注释,项目中有一个功能就是当选中了全选,需要获取所有的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);

 

 类似资料: