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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值