实现checkbox多选批量删除

我们把checkbox选中就可以获取该 checkbox的value值

<input type="checkbox" class="checkb" value="${i.userId }"/> 

当我们要实现了多个checkbox 多个选中实现批量删除时我们该怎么实现呢?   我们可以使用js去实现与controller交互:

1.把我们选中的checkbox的value值去拼接成一个字符串(下面代码中的result)传到controller(控制器),让控制器去处理字符串

		/* 获取选中的对象,并删除对应的对象 */
		function deleteUser(){
			var result="";
			var count=0;
			$(".checkb").each(function(){    
			    if($(this).is(':checked')){
			    	result+=$(this).val()+",";
			    	count++;
			    }else{}
			  });
			if(!confirm("确定删除这"+count+"件商品?")){
				return;
			}
			window.location.href= "leyigou/deletesomeUser?tag="+result;
		}

2.当控制器接到从界面层传来的的参数时,对该字符串进行切割成各个checkbox标签的值并对标签value值进行与数据库进行控制(这里演示的是删除)

	@RequestMapping("/delete")
	public ModelAndView delete(String tag){
			String[] strs = tag.split(",");
			for (int i = 0; i < strs.length; i++) {
				try {
					UserService.deleteUserbyid(Integer.parseInt(strs[i]));
				} catch (Exception e) {
				}
			}
			return new ModelAndView("redirect:/User/userlist");
	}

猜你喜欢

转载自blog.csdn.net/ccczequn/article/details/81204222