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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37796017/article/details/86490292
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;
		}
	}
展开阅读全文

没有更多推荐了,返回首页