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按钮
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值