checkbox批量删除功能
参考:http://www.jb51.net/article/35338.htm 感谢作者
代码片段:jsp
<c:forEach items="${infolist }" var="info">
<tr>
<td style="text-align:left; padding-left:20px;"><input type="checkbox" id="infoid" name="id" value="${info.id }" />${info.id }</td>
<td><input type="text" name="seq" value="${info.seq }" style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;" /></td>
<td width="10%"><a href="<%=request.getContextPath()%>/infomactionServlet?id=${info.id}">${info.nickname }</a></td>
<td>${info.url }</td>
<td><font color="#00CC99">${info.codeNo }</font></td>
<td>${info.smalltype.name }</td>
<td>
<c:if test="${empty info.updateDate}">${info.createDate }</c:if>
<c:if test="${not empty info.updateDate}">${info.updateDate }</c:if></td>
<td>
<div class="button-group">
<a class="button border-main" href="<%=request.getContextPath()%>/editInfoServlet?id=${info.id}"><span class="icon-edit"></span> 修改</a>
<a class="button border-red" href="javascript:infodel(${info.id })" ><span class="icon-trash-o"></span> 删除</a>
</div>
</td>
</tr>
</c:forEach>
<tr>
<td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall" onclick="javascript:swapCheck()"/>全选 </td>
<td colspan="7" style="text-align:left;padding-left:20px;"><a href="javascript:DelSelect()" class="button border-red icon-trash-o" style="padding:5px 15px;" > 删除</a>
js处理:
//批量删除
function DelSelect(){
//判断是否至少选择一项
var checkedNum = $("input[name='id']:checked").length;
if(checkedNum==0){
alert("请至少选择一项!");
return;
}
//批量选择
if(confirm("确定要删除所选项目?")){
var checkedList = new Array();
$("input[name='id']:checked").each(function(){
checkedList.push($(this).val());
});
$.ajax({
type:"POST",
url:"<%=request.getContextPath()%>/delMoreInfoServlet",
data:{
"delitems":checkedList.toString()
},
success:function(msg){
if(msg=="success"){
$("[name='id']:checkbox").prop("checked",false);//把复选择框清空
window.location.href="<%=request.getContextPath()%>/infoListServlet";
} }
});
}
}
servlet:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { response.setContentType("text/html");
PrintWriter out = response.getWriter();
InfoMactionService mactionService=new InfoMactionServiceImpl();
String infos=request.getParameter("delitems");
String[] items = infos.split(",");
for(int i=0;i<items.length;i++){
mactionService.delInfoById(items[i]);
}
out.write("success");
}
现在已经完全不想用form作提交到后端处理数据了
直接ajax好爽歪歪呀!!!
checkbox批量删除功能的更多相关文章
- 实例:SSH结合Easyui实现Datagrid的批量删除功能
在我先前的基础上面添加批量删除功能.实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志flag,但flag=true表示状态可见,但flag=false表示状态不可见,为删除状 ...
- SSM实现批量删除功能
批量删除功能的实现 其实实现这个功能还是挺简单的 因为我这是直接拼接的,所以用了DOM方法来获取id话不多说直接上代码首先是复选框全选和反选这里的话 获取最上面一个复选框的状态同步到拼接的复选框 $ ...
- layui表格的批量删除功能
// 批量删除功能 // 1.得到table选中行内容 // 2.得到删除需要的唯一值,一般是id; // 3.将所要删除的项加入到数组中: // 4.判断是否选中: // 5.发送ajax请求,并附 ...
- repeater 结合checkbox批量删除
项目中用到这个,从网上搜了搜相关内容,代码如下 <script type="text/javascript"> function checkAllThis(obj) { ...
- ajax批量删除功能的实现源代码
效果展示: 完整代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charse ...
- vant checkBox 批量删除
有两种实现方式,当然不止两种 一:使用 filter 将我们需要的过滤出来,也就是哪个没有选中就过滤哪个 二:使用splice数组方法,将我们选择需要删除的 index 放到一个数组里面,然后进行删除 ...
- listview使用checkbox批量删除出现的问题
1.选中前面的checkbox导致后的checkbox被选中 2.选中后下滑listview,再上滑时被选中的checkbox又变成未选中状态. 问题大都是因为对listview进行代码优化重用con ...
- Android 长按Listview显示CheckBox,实现批量删除。
ListView实现的列表,如果是可编辑,可删除的,一般都要提供批量删除功能,否则的话,一项一项的删除体验很不好,也给用户带来了很大的麻烦. 实现效果图 具体实现代码 select.xml 主布局文件 ...
- iOS开发:一个高仿美团的团购ipad客户端的设计和实现(功能:根据拼音进行检索并展示数据,离线缓存团购数据,浏览记录与收藏记录的批量删除等)
大致花了一个月时间,利用各种空闲时间,将这个客户端实现了,在这里主要是想记录下,设计的大体思路以及实现过程中遇到的坑...... 这个项目的github地址:https://github.com/wz ...
随机推荐
- 将map中的查询参数拼装到URL路径中
被调接口的URL路径: //被调接口url String apiUrl = "http://api.open.xxxxxx.com/implatform/interview/send?acc ...
- Ubuntu14.04 64bit 编译安装nginx1.7+php5.4+mysql5.6
我的操作系统是Ubuntu14.04,其它linux系统的操作流程类似. 主要安装的软件是nginx1.7+php5.4+mysql5.6 1. 创建必要目录 sudo mkdir ~/setup s ...
- hive内部表、外部表、分区
hive内部表.外部表.分区 内部表(managed table) 默认创建的是内部表(managed table),存储位置在hive.metastore.warehouse.dir设置,默认位置是 ...
- 删除mysql备份文件
前言:前篇介绍了mysql的备份方法,但备份不是越多越好,如果磁盘空间不够用,我需要保留近一个周的备份就可以了,那就需要删除备份脚本了,特别注意删除操作比较危险,变量传参要进行二次确认. 下面给出删除 ...
- idea 项目添加web支持
选中项目添加 add - web
- Cents os 7下如何安装bzip2
# Cents os 7下如何安装bzip2 ### 安装```yum search bzip2 //查询安装包 yum -y install bzip2.x86_64 ``` ### 原因---- ...
- C# JAVA 记录代码运行时间
C# System.Diagnostics.Stopwatch stopwatch = new Stopwatch(); stopwatch.Start(); // 开始监视代码运行时间 // cod ...
- php连接oracle数据库
1.先安装一下oracle instant,把oci.dll所在的目录加入PATH环境变量里 或者直接安装oracle express php_pdo_oci 依赖于oracle 的oci.dll 2 ...
- phpmyadmin 各种技巧拿 webshell
site.com/phpMyAdminsite.com/sql D:\wamp\www 账号还有密码 root 密码第一种CREATE TABLE `mysql`.`darkmoon` (`darkm ...
- wcf消息契约
1.最多一个参数和一个返回值,返回值和参数的类型都是消息类型. 下面的代码为定义一个消息契约的实例 [MessageContract] public class MyMessage { ...