JavaScript实现批量删除选中项并处理后端逻辑

作者:服务小站时间:2026-10-28 11:16:15浏览:516

本文介绍如何使用JavaScript获取选中复选框的ID,拼接成字符串并通过URL参数传递给后端。后端接收字符串后,利用逗号分隔符拆分为数组,遍历执行具体的删除业务逻辑,实现批量操作功能。

前端JavaScript批量选择与跳转实现

代码示例如下:

 
function deleteAll() {
var all = document.getElementsByName("checkname");//获取选中的元素集合
if (all == null || all.length == 1) {
alert("暂无订单");
return;
} else {
var idStr = "";//定义用于拼接删除ID的字符串
for ( var i = 0; i < all.length; i++) {
if (all[i].checked) {
idStr += all[i].value + ",";//将ID用逗号分隔连接
} 
} 
var result = confirm("选中删除");
if (result) {
window.location.href = "deleteOrderAction?action=deleteAll&idStr="
+ idStr;
} else {
return null;
} 
} 
} 
</script>

后端字符串解析与业务处理

随后执行业务逻辑处理


代码示例如下:

 
String[] arr = idStr.split(",");//将ID字符串按逗号拆分为数组
for (String str : arr) {
int orderid = Integer.parseInt(str);
OrderService.deleteOrder(orderid);
} 

总结:全删操作核心在于字符串的拼接与拆分。

作者最新文章