SSH 项目中实现选定项全部删除功能

最新推荐文章于 2025-11-23 12:59:37 发布

原创最新推荐文章于 2025-11-23 12:59:37 发布 · 308 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#SSH #jQuery #JavaScript #ViewUI

本文介绍了一种在Struts2框架中实现批量删除功能的方法。主要步骤包括：使用checkbox获取待删除项的ID，利用jQuery遍历并拼接这些ID为一个字符串，通过AJAX或表单提交方式发送到后台，最后在后台使用String的split方法解析ID。

很久没有没有写了啊，到杭州实习中。

今天在做毕业设计的时候遇到了一个问题，就是如何实现删除选定的项呢（多项）；
主要有两个问题
1.获得要选定项的id
2.将选定项的id使用javascript或者jquery传递到struts2后台

考虑很长时间，加上网络上的资料终于完成了这个功能，现在功能实现的主要代码分享下。 :lol:

<tr>
<th align=center colspan=16 style="height: 23px">
部门
</th>
</tr>
<tr bgcolor="#DEE5FA">
<td colspan="16" align="center" class=txlrow>

</td>
</tr>
<tr align="center" bgcolor="#799AE1">
<td align="center" class=txlHeaderBackgroundAlternate>
选定
</td>
<td align="center" class="txlHeaderBackgroundAlternate">
ID
</td>
<td align="center" class=txlHeaderBackgroundAlternate>
部门名称
</td>
<td align="center" class=txlHeaderBackgroundAlternate>
创建时间
</td>
<td align="center" class=txlHeaderBackgroundAlternate>
描述
</td>

</tr>
<s:iterator value="depts">
<tr bgcolor="#DEE5FA">
<td align=center class=txlrow>
<input type="checkbox" name="checkboxes" value="${id}">
</td>
<td align=center class=txlrow >
${id}
</td>
<td align=center class=txlrow>
${name}
</td>
<td align=center bgcolor="#DEE5FA" class=txlrow>
${createTime}
</td>
<td align="center" class="txlrow">
${remark}
</td>

</tr>

</s:iterator>

//删除选定
function delchecked(){

$("#delchecked").click(function(){
var ids = ""; //定义一个变量存储id ---->转为String类型，用","分割

$("input[name='checkboxes']").each(function(){
if($(this).attr("checked")){
ids += $(this).val() + ",";
//alert(ids[i]);
}
});
// alert(ids);
if(ids == ""){
alert("请选顶要删除的项");
return false;
}
if(confirm("你确定要删除选定项？"))
location.href="dept!delDepts.action?ids=" + ids; //跳转到action
});
}

通过上面的代码大家该知道怎么回事了吧，哈哈，很简单。主要有以下几步：
1.将id设置为checkbox的value；
2.通过jquery获得所有的被选定项的id并且拼接成一个字符串（这个好便于传输）；
3.在struts2中使用一个数组接受jquery（javascript）传来的ids字符串
4.将ids字符使用String的split();方法分出id。

怎么样方法简单吧！