springMvc接收ajax数组参数,以及jquery复选框选中、反选、全选、全不选
2018-01-12 11:05
1076 查看
一、复选框选中、反选、全选、全不选
html代码:
JS 选中某个复选框:
JS 反选某个复选框(选中就反选为不选中,没选中就反选为选中):
JS 全选复选框:
JS 全不选复选框:
JS 获取复选框选中的值:
二、前端Ajax请求代码,包含数组参数
三、springMvc后台接收数组参数
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; }
相关文章推荐
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- JQuery中Ajax的Post提交中文乱码、windows.location.href 中文汉字乱码和springmvc使用原生态HttpServletRequest接收参数中文乱码解决办法
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- springMVC使用JQUERY提交数组接收时候报错,接收参数对象的属性为数组
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- SpringMVC如何接受 js jquery ajax 的数组参数传值
- SpringMVC参数值的传递(参数接收,数组接收,模型接收,多个模型接收以及数据回显,批量操作)
- jquery接收后台数组或集合回显复选框
- checkbox选中并通过ajax传数组到后台接收
- SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数
- springmvc 传递和接收数组参数
- jQuery实现点击复选框即高亮显示选中行 全选、反选
- SpringMVC接收ajax传送的参数,后台显示乱码
- 关于怎么解决从ajax传入的json参数注入到Controller的接收对象 以及如何在Spring Boot项目使用参数校验
- [置顶] springmvc接收前台(如ajax)传来的数组list,set等集合图文详解
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数
- SpringMVC 接收ajax发送的数组对象
- springMVC 接收数组参数,mybatis 接收数组参数,mybatis批量插入/批量删除案例