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

最新推荐文章于 2019-10-22 12:04:31 发布

MaxwellChia

最新推荐文章于 2019-10-22 12:04:31 发布

阅读量2.7k

点赞数 2

文章标签：反选批量删全选

本文链接：https://blog.csdn.net/Maxwell_Chia/article/details/42803779

版权

为大家提供一个表单的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;
    }
   }
  }

【单个删除】

  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()" />

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

}

【表单】
<body >

   <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="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>

MaxwellChia

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Jsp页面的全选、反选、批量删除、

为大家提供一个表单的jsp页面，含有全选、反选和批量删除Code，用的时候粘一下就ok,拿来学习也可以。【文档最后附表单body】【全选】 function allselect(obj){ var ck = document.getElementsByName("ck"); for(var x=0;x ck[x].checked=ob
复制链接

扫一扫