关于在JS中获取被选中的值的集合传到后台并循环遍历出来

最新推荐文章于 2023-06-11 20:00:12 发布

No-way

最新推荐文章于 2023-06-11 20:00:12 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JAVA技术类文章标签： javascript 传值遍历

本文链接：https://blog.youkuaiyun.com/qq_38797181/article/details/72819704

JAVA技术类专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何使用JavaScript在前端收集已选中的复选框值，并将其传递给后端进行处理。具体步骤包括：利用jQuery获取选中状态的输入框值，形成字符串集合；在后端通过请求参数解析该集合，再逐一转换为对应对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于在JS中获取被选中的值的集合传到后台并循环遍历出来

1.在jsp页面中，获取被选中的值的集合，关键js代码：

<script type="text/javascript">
	
	   function jqchk(){
			var s = new Array();
			$('input[name="test"]:checked').each(function(){
					s.push($(this).val());
			});
			 if(s.length==0){
			    alert("请选择结算商品！");
			 }else{
			    window.location.href="confirm.do?s="+s;
			 } 
					  }
	
	</script>

2.后台接收并循环遍历关键代码：

@RequestMapping("confirm.do")
	public String Confirm(HttpServletRequest request, HttpServletResponse response){
		List<WcProduct> wcplist = new ArrayList<WcProduct>();
		String s = request.getParameter("s");
	    String d[] = s.split(",");
	    List<String> list = new ArrayList<String>();
	    for (int i = 0; i < d.length; i++) {
	        list.add(d[i]);
	        }
		for(int i=0; i<list.size(); i++){
			String id = list.get(i);
			WcProduct p = wcps.findProductsById(Integer.parseInt(id));
			wcplist.add(p);
		}
		System.out.println(wcplist.size());
		request.setAttribute("wcplist", wcplist);
		return "confirm.jsp";
	}

OK，大功告成！！！