Jsp页面的全选、反选、批量删除、

来源：互联网发布：淘宝帐号买家卖家分开编辑：程序博客网时间：2024/05/29 20:01

为大家提供一个表单的jsp页面，含有全选、反选和批量删除Code，用的时候粘一下就ok,拿来学习也可以。
【文档最后附表单body】

【全选】
<th>
<input type="checkbox" onclick="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="反选" onclick="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;
    }
   }
  }

【单个删除】

  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="批量删除" onclick="delall()" />

public void deleteProduct(String id) {
getSession().createQuery("delete from ProductBean where id in ("+id+")").executeUpdate();

}

【表单】
<body >

   <table border="1">
    <tr>
     <th>
      <input type="checkbox" onclick="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}" onclick="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="删除" onclick="deluser(${user.id})" />
      </td>
      <td>
       <input type="button" value="修改" onclick="updateuser(${user.id})" />
      </td>
     </tr>

</c:forEach>

    <tr>
     <td colspan="6">
      当前${page.currentPage}/${page.pageCount}页
      <input type="button" value="首页" onclick="fenye(1)" />
      <input type="button" value="上一页"
       onclick="fenye(${page.previousPage})" />
      <input type="button" value="下一页" onclick="fenye(${page.nextPage})" />
      <input type="button" value="尾页" onclick="fenye(${page.pageCount})" />
      <input type="text" name="go" style="width: 30px;" />
      <input type="button" value="go" onclick="fenye('go')" />
     </td>
    </tr>
   </table>
  </div>
  <div id="tubiao" style="float: right; margin-top: 10px;">
  </div>
</body>

0 0