`
羽风之扬
  • 浏览: 86457 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery批量操作

阅读更多
1:html文件
<li><a class="add" href="javascript:void(0);" id="deleteAll" name="deleteAll">批量删除</a></li>
表头:<th width="5%"> &nbsp;<input type="checkbox" name="allass" value="0" id="selectAll"/>&nbsp;</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;
}

分享到:
评论

相关推荐

    jquery批量操作数据表

    js,jquery全选/全不选,批量新增删除/单个删除操作,常用于后台管理系统类多行表格操作

    jquery批量上传图片插件

    "jQuery批量上传图片插件"是基于jQuery实现的一种功能,旨在为网页应用提供便捷的图片批量上传功能。这个插件通常利用Ajax技术实现异步上传,即在不刷新页面的情况下,用户可以选择多张图片并将其上传到服务器,大大...

    jQuery批量上传

    jQuery批量上传是一个功能强大的Web开发技术,主要用于在网页上实现多文件同时上传的功能。这个实例是基于jQuery库和ASP.NET后端技术构建的,旨在提供类似QQ空间图片上传的用户体验,让用户可以方便快捷地一次性上传...

    php + jquery 批量图片上传

    在本文中,我们将深入探讨如何实现“PHP + jQuery 批量图片上传”这一技术主题。批量图片上传功能在许多网站,尤其是社交媒体、电子商务平台以及内容管理系统中非常常见,它允许用户一次性上传多张图片,提高了用户...

    jquery批量上传附件c#源码

    标题 "jquery批量上传附件c#源码" 描述了一个使用jQuery和C#技术实现的批量附件上传功能。这个功能在Web应用中非常常见,尤其是在需要用户上传多份文件的场景下,可以极大地提高用户体验。接下来,我们将深入探讨...

    jquery批量上传, java后台批量上传下载无BUG对接,类似qq邮箱附件上传功能

    首先,**jQuery批量上传**是指使用jQuery库来处理用户选择的多个文件的上传操作。jQuery是一款轻量级、高性能的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在批量上传场景下,jQuery可以用来监听...

    Jquery批量上传图片

    标题中的“Jquery批量上传图片”指的是使用jQuery库实现的多文件上传功能,这在Web开发中非常常见,尤其在用户需要一次性上传多张图片的场景下。jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件...

    jQuery批量删除单元格内容代码.zip

    这个"jQuery批量删除单元格内容代码"示例展示了如何利用jQuery的灵活性和效率来处理DOM操作。它可以帮助开发者提高工作效率,减少手动编写大量DOM操作代码的繁琐。不过,实际应用中还需要考虑用户体验、错误处理和...

    jquery uploadify实现批量上传

    在网页开发中,jQuery Uploadify是一个非常流行的插件,它允许用户实现批量文件上传功能,大大提升了用户体验。本文将深入探讨如何使用jQuery Uploadify来实现这一功能,以及它的工作原理和核心配置。 jQuery ...

    批量打印之jquery局部打印

    在本文中,我们将详细解析“批量打印之jQuery局部打印”这一主题,并基于提供的标签“源码”和“工具”,深入讨论相关技术。 首先,我们需要了解jQuery中的打印功能通常依赖于特定的插件。在给定的压缩包文件...

    jQuery批量图片拖动排序和查看

    综上所述,"jQuery批量图片拖动排序和查看"涉及的技术点包括:jQuery和jQuery UI的基本用法、DOM操作、事件处理、Ajax交互、用户界面设计、以及代码结构和组织。这些知识对于构建动态、交互性强的Web应用至关重要。...

    JQuery批量删除

    ### JQuery批量删除知识点详解 #### 一、JQuery与AJAX技术在Web开发中的应用 在Web开发领域,特别是前端开发中,JavaScript及其各种库和框架的应用极为广泛。其中,jQuery是一个快速、简洁的JavaScript库,它极大...

    Jquery 文件批量上传程序

    本项目“Jquery 文件批量上传程序”提供了一种高效、用户友好的解决方案,适用于那些需要集成到自己网站中的开发者。以下是这个程序的关键知识点和实现细节: 1. **jQuery库**:jQuery 是一个广泛使用的JavaScript...

    jquery批量上传文件实例工程

    在这个“jquery批量上传文件实例工程”中,我们聚焦于利用jQuery实现文件的批量上传,并且带有进度条功能,这在现代网页应用中是非常实用的功能,尤其对于处理大量数据或媒体文件的网站来说。 批量文件上传是一种...

    JQUERY图片批量上传,手机版可用

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务,使得开发者可以更便捷地创建动态和用户友好的网页应用。 首先,要实现批量图片上传,我们需要理解HTML5中的File API。这...

    jQuery图片上传插件支持多图批量上传与多文件批量上传控件

    5. **批量操作**:用户可以一次上传多个文件,而不需要逐个操作,提高了上传效率。 6. **自定义配置**:开发者可以根据需求自定义设置,如设置上传文件的最大数量、大小限制、文件类型过滤等。 7. **易于集成**:...

    jQuery 批量异步 获取QQ状态

    本项目涉及的主题是“jQuery批量异步获取QQ状态”,这是一个利用jQuery的$.getScript方法来实现的功能,它允许我们不阻塞页面加载地动态引入外部JavaScript资源。以下是关于这个主题的详细知识: 1. **jQuery的$....

    JQuery+ajax实现批量上传图片

    ### JQuery与Ajax结合实现批量图片上传的技术解析 在现代网页开发中,用户界面的互动性和数据处理效率成为了提升用户体验的关键因素。其中,批量上传图片功能是许多应用中不可或缺的一部分,尤其是在社交媒体、电子...

    jQuery支持预览多个文件_多张图片批量上传插件

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在批量上传图片的场景中,jQuery可以提供方便的API来处理用户的选择和预览过程。 批量上传的核心技术之一是...

Global site tag (gtag.js) - Google Analytics