本文介绍如何使用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);
} 总结:全删操作核心在于字符串的拼接与拆分。