javaweb之删除

一 、单项删除

先将对象的id和name属性传给js来防止误删

<a href="javascript:delBook('${b.id }','${b.name }')"> </a>

//提示用户是否删除
function delBook(id,name){
if(confirm("是否确定删除:"+name+"?")){
location.href="${pageContext.request.contextPath }/servlet/delBookServlet?id="+id;
}

}

通过get方法把id传给DelBookServlert，DelBookServlert调用业务逻辑，完成删除工作

BookServiceImpl bs  = new BookServiceImpl();

         bs.deleteBook(id);

二、批量删除

1、全选/全部选

设置每一个选框

<td style="CURSOR: hand; HEIGHT: 22px" align="center" width="23"><input type="checkbox" name="ids" value="${b.id }"/></td>

设置全选/全部选

<td align="center" width="10%"><input type="checkbox" id="ckAll" οnclick="checkAll()"/>全选/全不选</td>

到js中处理

function checkAll(){
//得到ckAll元素，并得到它的选中状态
var flag = document.getElementById("ckAll").checked;
//alert(flag);
//得到所有ids复选框元素
var ids = document.getElementsByName("ids");
//循环给每个复选框赋值
for(var i =0; i<ids.length;i++){
ids[i].checked = flag;//把ckAll元素的状态赋值给每一个ids[i]的元素
} 
}

2、批量删除

设置按钮

<button type="button" id="add" name="add" value="批量删除" class="button_add" οnclick="delAllBooks()"></button>

点击批量删除按钮将触发js函数delAllBooks(),然后js函数通过post将表格提交给delAllBooksServlet

post部分

<form action="${pageContext.request.contextPath }/servlet/delAllBooksServlet" method="post">

js部分

//批量删除
function delAllBooks(){
//var form2 = document.getElementById("form2");
var form2 = document.forms[1];//同上。得到页面中第二个表单
form2.submit();//相当于点击submit按钮
}