jsp与html页面多选删除

最新推荐文章于 2023-11-09 19:48:17 发布

原创最新推荐文章于 2023-11-09 19:48:17 发布 · 594 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsp

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在JSP页面上实现批量删除和审核功能的方法。通过在页面元素中添加特定的class属性，利用jQuery遍历并收集选中项的ID值，形成数组传递给后端。Controller接收ID数组，逐一执行删除操作。此外，还展示了如何在HTML中使用a标签结合jQuery实现审核功能。

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

一、jsp页面编写`
check_btn：在相关check添加class属性以便获取相关的id值

<script>
function delManyComm(){
			var result=new Array();//利用数组获取各个选项的id值
			var count=0;
			$(".check_btn").each(function(){    
			    if($(this).is(':checked')){
			    	result.push($(this).val());
			    	count++;
			    }else{}
			  });
			  //result=result.substring(0, result.length-1);
			//alert(result);
			window.location.href= "${ctx}/sys/delManyComm?ids="+result;
		}

</script>

二、Controller页面

@RequestMapping(value="/delManyComm" ,method = RequestMethod.GET)
	public String deleteManyComm(@RequestParam(value = "ids", defaultValue = "") String[] ids,
			ServletRequest request,HttpServletRequest hrequest){
		for(int i=0;i<ids.length;i++){//截取id值得每个字符
			String s=ids[i];  //截取id值
		    System.out.println("字符串"+s);
					sysConService.deleteCom(s);
		  }
		return "redirect:/sys/commList";
	}

三、html
js

//审核通过多条记录
        lnrjbxxShList.passMany = function () {
            var lnrLshs = "";
            $("#check_btn001").each(function(){
                debugger
                if($("#check_btn001").attr('class').indexOf('pass-checked') != -1){
                    lnrLshs = $("#check_btn").val()+",";
                }else{
                }
                var lsh = lnrLshs.substring(0,lnrLshs.length-1)
                lnrjbxxShList.pass(lsh);
            });

        }

html用a标签实现

<td><a  class="check-pass pass-no-check " id="check_btn001" ><input  id="check_btn"   type="hidden" th:value="${item.lnrJbxxLsh}"></a></td>