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

短命女 2022-03-26 03:06 209阅读 0赞

###### 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;
    		}
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关接收form表单并提交

var form = document.getElementById('role_form'); 先获取到form对象,注意:这种方式只能用js不能用jquery的`

朴灿烈づ我的快乐病毒、/ 2022年12月20日 03:15/ 0 赞/ 153 阅读

相关 ajax 数据接收,AJAX表单提交以及数据接收

浅谈数据库优化方案--表和SQL 1.数据类型的选择 1.字段最好设置为非空.若字段为char(8),即便是NULL也会现有8个字符的空间. 2.尽量使用数字型字段,若只含数

骑猪看日落/ 2022年09月03日 06:16/ 0 赞/ 226 阅读

相关 ajax提交参数到后台，后台返回data

(1)前台页面的参数提交方法 $.ajax(\{ url : '$\{pageContext.request.contextPath\}/userAction!reg',

素颜马尾好姑娘i/ 2022年08月26日 03:52/ 0 赞/ 178 阅读

相关 ajax传递数组参数到后台

js中可以这样写：var values = $("input\[name=otherSpecialName\]").map(function()\{ return

爱被打了一巴掌/ 2022年07月12日 03:49/ 0 赞/ 190 阅读

相关 Ajax 传递数组后台接收不到数据问题解决方法

问题描述：前端使用ajax向后台提交数据 $.ajax({ url: '/xxxx.ajax', method:

小鱼儿/ 2022年05月26日 07:58/ 0 赞/ 635 阅读

相关 ajax传数组后台接收不到

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0

Dear 丶/ 2022年04月23日 08:36/ 0 赞/ 226 阅读

相关 Struts2 Jquery+Ajax提交数据到后台

//UpdateAction.java package com.abin.hospital.action; import javax.servl

布满荆棘的人生/ 2022年04月16日 03:00/ 0 赞/ 310 阅读

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

checkbox复选框是我们平时项目中经常使用到的，比如，批量删除，批量插入等等。有时候会突然忘记，好记性不如烂笔头，在这里做一下小总结。以批量删除为例： html

短命女/ 2022年03月26日 03:06/ 0 赞/ 210 阅读

相关前端用ajax发送json数据到后台，并接收后台传回的json数据【包含ajax提交表单】

一、前后端发送与接收json数据前端代码 function pay(data) { //将数据按json格式存放 var info

清疚/ 2022年02月01日 23:07/ 0 赞/ 783 阅读

相关 ajax提交JSON数组及Springboot接收转换为list类

1、AJAX传递JSON数据 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org">

本是古典何须时尚/ 2022年01月20日 01:37/ 0 赞/ 278 阅读