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

html代码:

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

JS 选中某个复选框:

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

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

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

JS 全选复选框:

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

JS 全不选复选框:

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

JS 获取复选框选中的值:

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

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

var param = {};
var menuArr = new Array();
$("input:checkbox[name='menuCheckBox']").each(function () {
if(this.checked) {
menuArr.push($(this).attr("value"));
}
});
param["menuArr"] = menuArr; //请求数组参数,参数对象:menuArr
param["menuList"] = menuArr; //请求数组参数,参数对象:menuList
$.ajax({
url: "/saveXXX",
type:"POST",
dataType: "json", //这个很重要!
data: param,
success: function(result, textStatus, jqXHR){
//请求成功!
}
});

三、springMvc后台接收数组参数

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

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. idea添加JPA导出实体类

    https://blog.csdn.net/liu_yulong/article/details/72910588

  2. 关于查询中查询无果,也不报错,inpout标签中的value属性为‘ ’的判断问题

    首先当我们标签中vlue属性可能为' '时,我们一定要在后端进行判断过滤,不然查询会什么都查不出来的,遇到的问题如下 例子如下: 这是一个easyui 中的下拉选,效果如下 当我们默认查询全部时,后台 ...

  3. vs2017激活码

    Visual Studio 2017(VS2017) 企业版 Enterprise 注册码:NJVYC-BMHX2-G77MM-4XJMR-6Q8QF Visual Studio 2017(VS201 ...

  4. 跟技术胖学vue+koa

    首页热卖商品组件 技术点:1热卖商品封装成单独的组件  2路由和参数的传递  3详情页面路由参数的接收 //首页 <template> <div> <div class= ...

  5. ios12更新开发者需要做的

    1.StatusBar内部结构改变 现象:crash crash log: -[_UIStatusBarIdentifier isEqualToString:]: unrecognized selec ...

  6. Masonry学习札记

    Masnory学习札记 在之前的文章里有草草提到过Masonry自动布局,可这么重要第三方布局框架的怎么可以怎么随便带过呢!昨天在完成页面的时候刚好遇到了被Masorny功能惊叹的部分,所以趁热打铁写 ...

  7. web页面弹出窗口代码大全

    //-----------按钮提示框----------// <input type="button" name="btn2" id="btn2 ...

  8. Codeforces1100F. Ivan and Burgers(离线+线性基)

    题目链接:传送门 思路: 按查询的右端点离线. 然后从左到右维护线性基. 每个基底更新为最右边的方案,可以让尽量多的查询享受到这个基底. 用ci维护后更新右端点为i的答案. 代码(析构1000ms,别 ...

  9. UIImageView自适应图片大小

    窗口大小获取: CGRect screenBounds = [ [UIScreenmainScreen]bounds];//返回的是带有状态栏的Rect CGRect rect = [ [UIScre ...

  10. unity 面试题(答案)

    一.什么是渲染管道?是指在显示器上为了显示出图像而经过的一系列必要操作.渲染管道中的很多步骤,都要将几何物体从一个坐标系中变换到另一个坐标系中去.主要步骤有:本地坐标->视图坐标->背面裁 ...