一、复选框选中、反选、全选、全不选

html代码:

  1. <input type='checkbox' name='menuCheckBox' value='10' >苹果
  2. <input type='checkbox' name='menuCheckBox' value='20' >香蕉

JS 选中某个复选框:

  1. $("input:checkbox[name='menuCheckBox'][value='10']").each(function () {
  2. this.checked = true;
  3. })

JS 反选某个复选框(选中就反选为不选中,没选中就反选为选中):

  1. $("input:checkbox[name='menuCheckBox'][value='10']").each(function () {
  2. this.checked = !this.checked;
  3. })

JS 全选复选框:

  1. $("input:checkbox[name='menuCheckBox']").each(function () {
  2. this.checked = true;
  3. })

JS 全不选复选框:

  1. $("input:checkbox[name='menuCheckBox']").each(function () {
  2. this.checked = false;
  3. })

JS 获取复选框选中的值:

  1. var menuArr = [];
  2. $("input:checkbox[name='menuCheckBox']").each(function () {
  3. if(this.checked){
  4. menuArr.push($(this).attr("value"));
  5. }
  6. })

二、前端Ajax请求代码,包含数组参数

  1. var param = {};
  2. var menuArr = new Array();
  3. $("input:checkbox[name='menuCheckBox']").each(function () {
  4. if(this.checked) {
  5. menuArr.push($(this).attr("value"));
  6. }
  7. });
  8. param["menuArr"] = menuArr; //请求数组参数,参数对象:menuArr
  9. param["menuList"] = menuArr; //请求数组参数,参数对象:menuList
  10. $.ajax({
  11. url: "/saveXXX",
  12. type:"POST",
  13. dataType: "json", //这个很重要!
  14. data: param,
  15. success: function(result, textStatus, jqXHR){
  16. //请求成功!
  17. }
  18. });

三、springMvc后台接收数组参数

  1. @RequestMapping("/user/saveAccountMenuWeb")
  2. @ResponseBody //返回json到前端,而不是让前端跳转到新页面
  3. public String saveAccountMenuWeb(
  4. ,@RequestParam(value = "menuArr[]",required=false ) String[] menuArr
  5. ,@RequestParam(value = "menuList[]",required=false) List menuList){
  6.  
  7. //required=false 是因为允许提交一个空数组作为接收参数,因为有时候用户真的是什么都没选
  8.  
  9. LOG.info("能接收到参数哦!!menuArr=="+JSONObject.toJSONString(menuArr));
  10. LOG.info("也!能接收到参数哦!!menuList=="+JSONObject.toJSONString(menuList));
  11.  
  12. Map map = new HashMap();
  13. map.put("flag","success");
  14. return map;
  15. }

springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选的更多相关文章

  1. SpringMVC接收对象数组参数进行封装

    前台代码:注意.contentType : "application/json; charset=utf-8",必须要设置,只有这样SpringMVC才认识这个json数组参数 f ...

  2. JQuery的复选框选中、取消、全选,全不选问题

    一.必须引入JQuery库: 下面是js代码: /*** * 服务管理块>>>复选框事件处理 */ //服务管理复选框被选中.取消$(function(){ $("#Ser ...

  3. springMVC通过ajax传递参数list对象或传递数组对象到后台

    springMVC通过ajax传递参数list对象或传递数组对象到后台 环境: 前台传递参数到后台 前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...

  4. SpringMVC接收集合页面参数

    SpringMVC接收集合页面参数 Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctyp ...

  5. jquery复选框 选中事件 及其判断是否被选中

    jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery   今天做了 显示和不显示密 ...

  6. Jquery获取当前页面中的复选框选中的内容

    在使用$.post提交数据时,有一个数据是复选框获取数据,所以在当前页面获取到复选框选中的值并提交到后端卡住了一下,解决方法如下: 这两个input就是复选框的内容: str += "< ...

  7. Web前端之复选框选中属性

    熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...

  8. JS复选框选中

    Web前端之复选框选中属性   熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...

  9. bootstrap table 复选框选中后,翻页不影响已选中的复选框

    使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...

随机推荐

  1. 运维脚本while语法

    循环的意思就是让程序重复地执行某些语句; whiler循环就是循环结构的一种,当事先不知道循环该执行多少次,就要用到while循环; while循环语句的运行过程 使用while循环语句时,可以根据特 ...

  2. Java中栈的应用,括号匹配

    package edu.yuliang.Data_Structure_Basics; import org.omg.PortableInterceptor.SYSTEM_EXCEPTION; /* 给 ...

  3. Spring AOP选择切点的问题

    先上代码: /** * 管理员登录方法的切入点 */ @Pointcut("execution(* com.arch.shiro.realm.UserRealm.doGetAuthentic ...

  4. Android测试中monkey的使用方法

    1.直接使用adb命令 adb shell monkey -p 包名 <event-count> 例: 1)adb shell monkey -p 包名-s 500 --throttle ...

  5. oracle针对某列让特定信息排序[decode]

    在ORACLE查询中,如果在没有排序,但又想让某列中特定值的信息排到前面的时候,使用oracle的decode(字段,'字段值',数字) 如 select name from user 查询出来的所有 ...

  6. jquery 上滑加载更多

    $(document).ready(function() { var totalPage = {$totalPage};//总页数 var page = {$page}; //起始页 var page ...

  7. ORACLE11G R2 RAC的进程启动流程

    简要说明ORACLE11GR2 RAC的进程启动流程: 1.启动流程概览图: 二.RAC启动流程的梳理: 第一层:OHASD 启动:(OHASD派生) 1.CSSDAGENT负责启动CSSD的AGEN ...

  8. 浅谈MVC中的service层(转)

    概述 mvc框架由model,view,controller组成,执行流程一般是:在controller访问model获取数据,通过view渲染页面. mvc模式是web开发中的基础模式,采用的是分层 ...

  9. [LeetCode&Python] Problem 53. Maximum Subarray

    Given an integer array nums, find the contiguous subarray (containing at least one number) which has ...

  10. Request、Response

    Request Request对象在我们写爬虫发送请求的时候调用,参数如下: url: 就是需要请求的url callback: 指定该请求返回的Response由那个函数来处理. method: 请 ...