为大家提供一个表单的jsp页面,含有全选、 反选和批量删除Code,用的时候粘一下就ok,拿来学习也可以。
【文档最后附表单body】
【全选】
<th>
<input type="checkbox" οnclick="allselect(this)" />
</th>
function allselect(obj){
var ck = document.getElementsByName("ck");
for(var x=0;x<ck.length;x++){
ck[x].checked=obj.checked;
}
}
【反选】
<input type="button" value="反选" οnclick="fx()" />
function fx(){
var ck = document.getElementsByName("ck");
for(var x=0;x<ck.length;x++){
if(ck[x].checked){
ck[x].checked=false;
}else{
ck[x].checked=true;
}
}
}
【单个删除】
<td>
<input type="button" value="删除" οnclick="deluser(${user.id})" />
</td>
function deluser(obj){
if(confirm("你确定要删除编号是"+obj+"号的信息吗?")){
document.forms[0].action="<c:url value='/user_deleteUser.action'/>";
document.getElementsByName("id")[0].value=obj;
document.forms[0].submit();
}
}
【单个删除和批量删除都可以用,只是在dao中用in】
【批量删除】
<input type="button" value="批量删除" οnclick="delall()" />
function delall(){
var ids="";
var ck = document.getElementsByName("ck");
for(var x=0;x<ck.length;x++){
if(ck[x].checked){
ids+=ck[x].value+",";
}
}
id = ids.substring(0,ids.length-1);
if(id.length==0){
alert("请选择要删除的信息");
}else{
if(confirm("你确定要删除编号是"+id+"号的信息吗?")){
document.forms[0].action="<c:url value='/user_deleteUser.action'/>";
document.getElementsByName("id")[0].value=id;
document.forms[0].submit();
}
}
}
public void deleteProduct(String id) {
getSession().createQuery("delete from ProductBean where id in ("+id+")").executeUpdate();
}
【表单】
<body >
<form action="" method="post">
<input type="hidden" name="id" />
<input type="hidden" name="currentPage" value="${page.currentPage}" />
<input type="text" name="mohu" value="${mohu}" />
<input type="submit" value="查询" />
</form>
<div style="float: left;">
<table border="1">
<tr>
<th>
<input type="checkbox" οnclick="allselect(this)" />
</th>
<th>
编号
</th>
<th>
帐号
</th>
<th>
密码
</th>
<th>
年龄
</th>
<th>
生日
</th>
<th>
学历
</th>
<th>
住址
</th>
<th colspan="2">
操作(
<a href="<c:url value='/user_toadd.action'/>">新增</a>)
</th>
</tr>
<c:forEach var="user" items="${page.list}">
<tr>
<td>
<input type="checkbox" name="ck" value="${user.id}" />
</td>
<td>
${user.id}
</td>
<td>
<input type="button" value="${user.username}" οnclick="xk(${user.id})"/>
</td>
<td>
${user.password}
</td>
<td>
${user.age}
</td>
<td>
${user.birthday}
</td>
<td>
${user.xl.xname}
</td>
<td>
${user.address}
</td>
<td>
<input type="button" value="删除" οnclick="deluser(${user.id})" />
</td>
<td>
<input type="button" value="修改" οnclick="updateuser(${user.id})" />
</td>
</tr>
</c:forEach>
<tr>
<td colspan="9">
<input type="button" value="批量删除" οnclick="delall()" />
<input type="button" value="反选" οnclick="fx()" />
<input type="button" value="导出" οnclick="daochu()" />
<input type="button" value="导入数据" οnclick="daoru()" />
</td>
</tr>
<tr>
<td colspan="6">
当前${page.currentPage}/${page.pageCount}页
<input type="button" value="首页" οnclick="fenye(1)" />
<input type="button" value="上一页"
οnclick="fenye(${page.previousPage})" />
<input type="button" value="下一页" οnclick="fenye(${page.nextPage})" />
<input type="button" value="尾页" οnclick="fenye(${page.pageCount})" />
<input type="text" name="go" style="width: 30px;" />
<input type="button" value="go" οnclick="fenye('go')" />
</td>
</tr>
</table>
</div>
<div id="tubiao" style="float: right; margin-top: 10px;">
</div>
</body>