很久没有没有写了啊,到杭州实习中。
今天在做毕业设计的时候遇到了一个问题,就是如何实现删除选定的项呢(多项);
主要有两个问题
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。
怎么样方法简单吧!
今天在做毕业设计的时候遇到了一个问题,就是如何实现删除选定的项呢(多项);
主要有两个问题
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。
怎么样方法简单吧!