基于SSH实现全选删除功能
JSP页面:
定义一个删除按钮:<input type="button" name="Submit" onclick="batchdel()" value="删除"/> 只需要一个点击事件就好
首先定义一个:<s:checkbox id="checkall" /> 用于实现全选功能
再在循环中定义<input type="checkbox" name="check" value="${tuser.id}" id="checkall"/> id属性值要相同。
JS代码:
$(function(){
//全选
$("#checkall").click(function(){
$('input[id="checkall"]').attr("checked",this.checked);
});
});
//全选删除
function batchdel(){
var str = "";
$("[name='check']").each(function() {
if (this.checked) {
if (str == "")
str = $(this).val();
else
str += "," + $(this).val();
}
});
if (str == "")
alert("请选择您要删除的信息!");
else {
if (confirm("您确定要删除吗?")) {
$.ajax({
type : "post",
url : "user_delall.action", //只需要把url改掉就ok 跳转到Action中, 用String字符串类型的id接收
data : {
"id" : str
},
dataType : "html",
success : function(data) {
window.location.href = "user_showListUser.action"; //删除过后需要跳转的页面URL.
}
});
}
}
}
ServiceImpl类中:
//删除全部
public void delall(String id) {
if(null!=id&&!"".equals(id)){
String[] ids = id.split(",");
for (String strid : ids) {
dao.deleteById(Integer.parseInt(strid));
}
}
}