博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取所有checkbox选中的数据,前端传一个对象的数组到后端进行接收。
阅读量:4184 次
发布时间:2019-05-26

本文共 1996 字,大约阅读时间需要 6 分钟。

在table表中,我们经常会选中多条记录,获取他们的数据,进行操作。

代码如下:

获取选中行中的数据

1)获取选中行的长度,进行判断。

 var len = $("input[name=boxs]:checked").length;

2) 获取选中的行,通过each 函数进行遍历。

var check = $("input[name=boxs]:checked");

3) 获取选中的某一行。

var row = $(this).parent("td").parent("tr");

4)通过name,获取你想要获取的值。

 var id = row.find("[name='tempId']").val();

 var remarks = row.find("[name='tempRemarks']").val();

5)将获取的数据保存到一个数组中

 check_val.push( {id:id,remarks:remarks});

function deliver() {			var len = $("input[name=boxs]:checked").length;			if(len == 0){				alert("请选择一条记录!");			}else{				 var check_val = [];				   var check = $("input[name=boxs]:checked");				   check.each(function(){					   var row = $(this).parent("td").parent("tr");					   var id = row.find("[name='tempId']").val();					   var remarks = row.find("[name='tempRemarks']").val();					 					   check_val.push( {id:id,remarks:remarks});				   }) 			   				$.ajax({					url : "${ctx}/templan/templanprocurement/templanProcurement/deliver",					data : JSON.stringify(check_val),					type:"POST",					contentType:'application/json;charset=utf-8',					success : function(data){						if(data.success){							window.location.reload();							jp.success(data.msg);						}else{							jp.error(data.msg);						}											}				}) 			}			 		};

JS传一个数组到后端

1)通过ajax函数发起请求。

2)将数组对象转换为string类型进行传递。

 JSON.stringify(check_val)

后端接收参数

 1)通过JSON对象,将string转换list。

 List<TemplanProcurementList> tempList =JSON.parseArray(data,TemplanProcurementList.class);

@ResponseBody	@RequiresPermissions(value={"templan:templanprocurement:templanProcurement:deliver"},logical=Logical.OR)	@RequestMapping(value = "deliver")	public AjaxJson deliver(@RequestBody String data, RedirectAttributes redirectAttributes) throws Exception{		AjaxJson j = new AjaxJson();		try {			  List
tempList =JSON.parseArray(data,TemplanProcurementList.class); //新增或编辑表单保存 templanProcurementService.save(tempList);//保存 j.setSuccess(true); j.setMsg("发货成功"); } catch (Exception e) { j.setMsg("发货失败"); } return j; }

 

转载地址:http://pjfoi.baihongyu.com/

你可能感兴趣的文章
How to Perform an Upgrade from Icehouse to Juno(ice升级到juno)
查看>>
高扩展性网站的50条原则(转)-思维导图
查看>>
解决openstack novnc一段时间后自动挂断登录不上问题,novncproxy dead but pid file exists
查看>>
构建OpenStack的云基础架构:ManageIQ(转)
查看>>
云管理软件 ManageIQ(转)
查看>>
CentOS 7.0,启用iptables防火墙(转)
查看>>
svn忽略ignore文件记住方式(转)
查看>>
web缓存相关知识(转)
查看>>
Understanding Spring MVC Model and Session Attributes
查看>>
Spring MVC中Session的正确用法之我见(转)
查看>>
Spring2.5 访问 Session 属性的四种策略
查看>>
Spring MVC 3.0 深入及对注解的详细讲解(转)
查看>>
ModelMap和ModelAndView的作用(转)
查看>>
DISCUZ浅析之COOKIE篇
查看>>
实战DDD(Domain-Driven Design领域驱动设计:Evans DDD)
查看>>
SSH中各个框架的作用以及Spring AOP,IOC,DI详解
查看>>
openstack juno 配置vmware(vcenter、vsphere)
查看>>
远程debug调试(eclipse)之openstack windows
查看>>
PAAS平台对比:OpenShift VS CloudFoundry【51CTO调研报告】
查看>>
JAX-RS(java restful实现讲解)(转)
查看>>