1:html文件
<li><a class="add" href="javascript:void(0);" id="deleteAll" name="deleteAll">批量删除</a></li>
表头:<th width="5%"> <input type="checkbox" name="allass" value="0" id="selectAll"/> </th>
循环取值:
<td ><input type="checkbox" name="dels" id="${item.menuId }" value="${item.menuId }"/></td>
2:js中添加
$(document).ready(function(){
$("#selectAll").click(function () {
var stat=$("input:checkbox").attr("checked");
if(stat=='checked'){
$("input[name='dels']").each(function(){
this.checked=true;
});
}else{
$("input[name='dels']").each(function(){this.checked=false;});
}
});
});
$("#deleteAll").click(function(){
var str=[];
$("input").each(function() {
if($(this).attr("checked")){
str.push($(this).val());
}
});
if(str.length==0){
alert('至少选择一个进行删除');
return;
}
if(confirm("确定删除吗?")){
$.post("appMenuDeleteAll.do","ids="+str+"&&validFlag=0",function(data){
location='appMenuList.do';
});
}
});
});
3:后台Controller 写对应的方法
@RequestMapping("/appMenuDeleteAll.do")
public String appMenuDeleteAll(HttpServletRequest request,
HttpServletResponse response, ModelMap model) throws Exception {
String id = request.getParameter("ids");
String validFlag = request.getParameter("validFlag");
AppMenu appMenu = new AppMenu();
List<String> ids = new ArrayList<String>();
String[] strs = StringUtils.split(id, ",");
ids = Arrays.asList(strs);
appMenu.setList(ids);
appMenu.setValidFlag(Integer.parseInt(validFlag));
this.appMenuService.appMenuDeleteAll(appMenu);
return null;
}
分享到:
相关推荐
js,jquery全选/全不选,批量新增删除/单个删除操作,常用于后台管理系统类多行表格操作
"jQuery批量上传图片插件"是基于jQuery实现的一种功能,旨在为网页应用提供便捷的图片批量上传功能。这个插件通常利用Ajax技术实现异步上传,即在不刷新页面的情况下,用户可以选择多张图片并将其上传到服务器,大大...
jQuery批量上传是一个功能强大的Web开发技术,主要用于在网页上实现多文件同时上传的功能。这个实例是基于jQuery库和ASP.NET后端技术构建的,旨在提供类似QQ空间图片上传的用户体验,让用户可以方便快捷地一次性上传...
在本文中,我们将深入探讨如何实现“PHP + jQuery 批量图片上传”这一技术主题。批量图片上传功能在许多网站,尤其是社交媒体、电子商务平台以及内容管理系统中非常常见,它允许用户一次性上传多张图片,提高了用户...
标题 "jquery批量上传附件c#源码" 描述了一个使用jQuery和C#技术实现的批量附件上传功能。这个功能在Web应用中非常常见,尤其是在需要用户上传多份文件的场景下,可以极大地提高用户体验。接下来,我们将深入探讨...
首先,**jQuery批量上传**是指使用jQuery库来处理用户选择的多个文件的上传操作。jQuery是一款轻量级、高性能的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在批量上传场景下,jQuery可以用来监听...
标题中的“Jquery批量上传图片”指的是使用jQuery库实现的多文件上传功能,这在Web开发中非常常见,尤其在用户需要一次性上传多张图片的场景下。jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件...
这个"jQuery批量删除单元格内容代码"示例展示了如何利用jQuery的灵活性和效率来处理DOM操作。它可以帮助开发者提高工作效率,减少手动编写大量DOM操作代码的繁琐。不过,实际应用中还需要考虑用户体验、错误处理和...
在网页开发中,jQuery Uploadify是一个非常流行的插件,它允许用户实现批量文件上传功能,大大提升了用户体验。本文将深入探讨如何使用jQuery Uploadify来实现这一功能,以及它的工作原理和核心配置。 jQuery ...
在本文中,我们将详细解析“批量打印之jQuery局部打印”这一主题,并基于提供的标签“源码”和“工具”,深入讨论相关技术。 首先,我们需要了解jQuery中的打印功能通常依赖于特定的插件。在给定的压缩包文件...
综上所述,"jQuery批量图片拖动排序和查看"涉及的技术点包括:jQuery和jQuery UI的基本用法、DOM操作、事件处理、Ajax交互、用户界面设计、以及代码结构和组织。这些知识对于构建动态、交互性强的Web应用至关重要。...
### JQuery批量删除知识点详解 #### 一、JQuery与AJAX技术在Web开发中的应用 在Web开发领域,特别是前端开发中,JavaScript及其各种库和框架的应用极为广泛。其中,jQuery是一个快速、简洁的JavaScript库,它极大...
本项目“Jquery 文件批量上传程序”提供了一种高效、用户友好的解决方案,适用于那些需要集成到自己网站中的开发者。以下是这个程序的关键知识点和实现细节: 1. **jQuery库**:jQuery 是一个广泛使用的JavaScript...
在这个“jquery批量上传文件实例工程”中,我们聚焦于利用jQuery实现文件的批量上传,并且带有进度条功能,这在现代网页应用中是非常实用的功能,尤其对于处理大量数据或媒体文件的网站来说。 批量文件上传是一种...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务,使得开发者可以更便捷地创建动态和用户友好的网页应用。 首先,要实现批量图片上传,我们需要理解HTML5中的File API。这...
5. **批量操作**:用户可以一次上传多个文件,而不需要逐个操作,提高了上传效率。 6. **自定义配置**:开发者可以根据需求自定义设置,如设置上传文件的最大数量、大小限制、文件类型过滤等。 7. **易于集成**:...
本项目涉及的主题是“jQuery批量异步获取QQ状态”,这是一个利用jQuery的$.getScript方法来实现的功能,它允许我们不阻塞页面加载地动态引入外部JavaScript资源。以下是关于这个主题的详细知识: 1. **jQuery的$....
### JQuery与Ajax结合实现批量图片上传的技术解析 在现代网页开发中,用户界面的互动性和数据处理效率成为了提升用户体验的关键因素。其中,批量上传图片功能是许多应用中不可或缺的一部分,尤其是在社交媒体、电子...
首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在批量上传图片的场景中,jQuery可以提供方便的API来处理用户的选择和预览过程。 批量上传的核心技术之一是...