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

ajax提交checkbox数组到后台并接收

程序员文章站 2022-04-05 15:22:00
...
checkbox复选框是我们平时项目中经常使用到的,比如,批量删除,批量插入等等。有时候会突然忘记,好记性不如烂笔头,在这里做一下小总结。

以批量删除为例:

html

<input type="checkbox" id="checkbox" name="checkbox" value="${special.id }" />
<button type="button" onclick="specialDel()" id="specialDel" name="specialDel" class="btn btn-danger btn-sm">报告删除</button>

js

<script type="text/javascript">
		function specialDel(){
            var checkID=[];
            $("input[name='checkbox']:checked").each(function(i){
                  checkID[i] = $(this).val();
            });
			if(checkID == null){
		    	alert("您当前没有选择");
		    }else{
				confirm("确认删除吗", "", function (isConfirm) {
					if (isConfirm) {
							$.ajax({
	                    type : "post",
						url : "manager/special/delSpecial.do",
						traditional: true,
	                	data:{'checkID':checkID},
	                    dataType:"text",
	                    success : function(data) {
							if (data == '1') {
								alert("删除成功");
								setTimeout("window.location.href='${pageContext.request.contextPath }/manager/special/findAllSpecial.do'", 1500);
							}else{
								alert("删除失败");
								setTimeout("window.location.href='${pageContext.request.contextPath }/manager/special/findAllSpecial.do'", 1500);
							}
						},
	                 	});
					} 
			    }, {confirmButtonText: '确认!', cancelButtonText: '取消!'});
		    }
        }
</script>

后台


	@RequestMapping(value="/delSpecial",method=RequestMethod.POST)
	@ResponseBody
	public int delSpecial(HttpServletRequest request){
		String[] ids = request.getParameterValues("checkID");
		try {
			//循环
			for (String id : ids) {
				int i = specialService.deleteByPrimaryKey(id);
			}
			return 1;
		} catch (Exception e) {
			e.printStackTrace();
			return 0;
		}
	}
相关标签: checkbox