springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选
一、复选框选中、反选、全选、全不选
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复选框选中、反选、全选、全不选的更多相关文章
- SpringMVC接收对象数组参数进行封装
前台代码:注意.contentType : "application/json; charset=utf-8",必须要设置,只有这样SpringMVC才认识这个json数组参数 f ...
- JQuery的复选框选中、取消、全选,全不选问题
一.必须引入JQuery库: 下面是js代码: /*** * 服务管理块>>>复选框事件处理 */ //服务管理复选框被选中.取消$(function(){ $("#Ser ...
- springMVC通过ajax传递参数list对象或传递数组对象到后台
springMVC通过ajax传递参数list对象或传递数组对象到后台 环境: 前台传递参数到后台 前台使用ajax 后台使用springMVC 传递的参数是N多个对象 JSON对象和JSON字符串 ...
- SpringMVC接收集合页面参数
SpringMVC接收集合页面参数 Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctyp ...
- jquery复选框 选中事件 及其判断是否被选中
jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery 今天做了 显示和不显示密 ...
- Jquery获取当前页面中的复选框选中的内容
在使用$.post提交数据时,有一个数据是复选框获取数据,所以在当前页面获取到复选框选中的值并提交到后端卡住了一下,解决方法如下: 这两个input就是复选框的内容: str += "< ...
- Web前端之复选框选中属性
熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...
- JS复选框选中
Web前端之复选框选中属性 熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...
- bootstrap table 复选框选中后,翻页不影响已选中的复选框
使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...
随机推荐
- CSS效果:checkbox点选效果
HTML: <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
- bootstrap框架下 单选按钮组的选中以及取值问题
1.业务功能:四个按钮只能选中一个,且默认选择水准4 先看代码. <div class="btn-group" data-toggle="buttons" ...
- java同步和互斥【用具体程序说明】
java同步和互斥[用具体程序说明] 所有对象都自动含有单一的锁,也就是所有对象都有且只有唯一的锁,所以当某个任务(线程)访问一个类A中含有sycnhronized的方法是,那么 ...
- django学习:整体思路与方向
学习django的原因,主要是对于他的高效和兴趣,原先研究了一些,但是毫无头绪. 最近连续看了2-3天,似乎有些眉目.django主要是一个网页设计的工具就结构来说,分为project和app两个层级 ...
- 《Java编程思想》读书笔记-类与对象
欢迎各位读者关注我的微信公众号,共同探讨Java相关技术.生命不止,学习不休! 也许你慢慢地对程序有了这样的认识:程序只是一些列带有方法的对象的组合,这些方法以其它对象为参数,可在任何地方返回,并发送 ...
- python笔记-数学、元组、日期、文件
python在很多地方和C++相似,比如都会有关系.逻辑等运算符,但也有不同的地方,比如:#Python Number 类型转换int(x [,base ]) 将x转换为一个整数 long(x [,b ...
- 对lua中__newindex的理解
阅读了文章后用流程图来总结一下 __newindex的规则: a.如果__newindex是一个函数,则在给table不存在的字段赋值时,会调用这个函数.b.如果__newindex是一个table, ...
- linux中mysql配置文件和jdk环境变量
mysql配置文件 [client]default-character-set = utf8mb4 [mysql]socket = /var/lib/mysql/mysql.sockdefault-c ...
- 增加删除的js
<!doctype html><html lang="en"> <head> <meta charset="UTF-8&quo ...
- servlet的生命周期和servlet的继承关系
一.servlet的生命周期 一个servlet类的对象 加载——>实例化——>初始化——>服务——>销毁 第一次访问某个servlet的时候 首先调用其 构造函数 pub ...