欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);

 

相关标签: 多选