php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery
下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助。
一、checkbox选择
在jQuery中,选中checkbox通用的两种方式:$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);
对应的jQuery函数,主要完成三个功能:
1、第一个复选框选中或取消选中,则下面的复选框为全选或取消全选;
2、当下面的复选框全部选中时,则将第一个复选框设置为选中,当下面的复选框中有一个没有被选中时,则第一个复选框取消选中;
3、将下面的复选框的id值传递给Controller层,组成id数组,然后调用相应的方法(一般都是删除)。
$("input[name='id']").attr('checked',t.checked);//改变name名为id的input标签内的复选框的checked属性
}
function chg(){//当下面的复选框全部选中时,则将第一个复选框设置为选中,当下面的复选框中有一个没有被选中时,则第一个复选框取消选中;
var ids = $.makeArray($("input[name='id']"));
for(var i in ids){
if(ids[i].checked==false){//如果所有的复选框只要有一个未选中,则第一个复选框不会选中
$("input[name='ids']").attr('checked', false);
return;
}
}
$("input[name='ids']").attr('checked', true);//全部选中的情况下,则第一个复选框选中
}
function deleteBatch(){//将下面的复选框的id值传递给Controller层,组成id数组,拼接url到controller层,调用批量删除方法(deleteBatch())方法
var ids = $.makeArray($("input[name='id']:checked"));//通过$.makeArray将id放在数组中
var url = '<%basePath%>/web/goodsList/deleteBatch';//此url指向controller层的deleteBatch方法,需要id属性
var flag = true;
for(var i in ids){//遍历数组
if(i == 0){
url += "?id=" + ids[i].value;//第一个id属性前加?拼接
flag = false;
} else {
url += "&id=" + ids[i].value;//后面的id属性前加&拼接
flag = false;
}
}
if(flag){//如果没有选中商品
alert("请选中商品!");
return;
}
if(confirm("确定删除记录吗?")){
window.location.href = url;//把拼接好的id数组传给页面
}
}
二、在jsp页面中对应的列表:
1、列表中要给表头中的复选框(第一个复选框)设置name名,并调用chgAll(this)方法来实现全选或全不选;
2、table中的复选框设置name名,并调用chg()方法来实现上面的第二个功能;
3、form表单提交时调用deleteBatch()方法
//form表单提交时调用deleteBatch()方法
//调用chgAll(this)方法来实现全选或全不选,此处的this指所有复选框对象商品编号商品标题
//调用chg()方法${webGoodsInfo.goodsNo}${webGoodsInfo.goodsTitle}
三、看下spring MCV中的controller代码@RequestMapping("deleteBatch")//对应jsp页面中的deleteBatch()请求
public String deleteBatch(Long[] id, RedirectAttributes redirectAttributes){//此处的id为页面中的id值,必须保持一直!!!!
if(id !=null&&id.length!=0){
goodsService.deleteBatch(id);
}
return "redirect:"+Global.getAdminPath()+"/web/webGoodsInfo/?repage";//重定向到列表页面
}
}
看下效果:
以上这篇jQuery+SpringMVC中的复选框选择与传值实例就是玩分享给大家的全部内容了
相关文章:
php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery相关推荐
- form表单注意点合集(文本域、单选框、复选框、下拉框等)
.html <form action="#" target="_blank">账号:<input type="text" ...
- jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
- 表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍 立即通过AJA ...
- jQuery 表单验证插件,jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
- Vue实现切换视图(表单与三列多行)的全选与清除功能:
1.表单(index.vue) template: <el-button type="success" v-if="shitu==2" @click=&q ...
- action无法传参数给html页面,HTML 解决form表单提交时,action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
- jsp 中提交表单后在firefox、chrome 中中文显示为正常,但在IE中中文显示为乱码?...
如题: jsp 中提交表单后在firefox.chrome 中中文显示为正常,但在IE中中文显示为乱码? 备注:框架:spring 和hibernate 提交表单后,在IE中提交的数据传到Contro ...
- php与mysql列表_PHP+Mysql+jQuery实现的查询和列表框选择
本篇文章主要介绍PHP+Mysql+jQuery实现的查询和列表框选择,感兴趣的朋友参考下,希望对大家有所帮助. 本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择 ...
- 如何为表单制作平滑的jQuery验证器
Today I will tell about jquery validator – how to build professional web forms with validation. I wi ...
最新文章
- 985博士分享Pytorch与Tensorflow,哪个更值得你学习?
- [转]Ubuntu下ROS开发环境搭建(QT+ros_qtc_plugin)
- 【MM】更改供应商账户组
- C# 合并DLL, 合并DLL进入EXE
- 组会PPT20201030《复现chen结果及初始密度影响》
- JZOJ 4726. 【NOIP2016提高A组模拟8.22】种花
- 2020最值得学习的12款python-web开发框架大盘点
- windows服务器apache+PHP+Mysql
- php定义浏览器编码,从php脚本到浏览器,编码方式浅析
- 2018年各大互联网前端面试题二(滴滴打车)
- 管理数据,应用程序和主机安全-A
- 一种基于复制粘贴的cam350邮票孔拼版教程(三) 导出钻孔文件
- appscan 9.0.3.12 版本下载
- 测试面试题+测试面试宝典(分类版)
- 【电子元件】稳压(齐纳)管 Zener Diode
- 程序员头发都是怎么没的?第二个原因扎心了!
- electron-mac应用-代码签名及公证(教科书式操作-亲测有效)
- 命令行里打 cd 简直是浪费生命
- UE4_UE5蓝图command节点的使用(开启关闭屏幕响应-log-发布全屏显示)
- IECIE电子烟展——深圳第六届电子烟博览会
热门文章
- QT最方便的LOG库使用Easylogging++,只需要一个头文件
- visual studio 2017插件安装qt
- Linux DHCP原理与配置
- 创建商品类java_SSH框架网上商城项目第9战之添加和更新商品类别功能实现
- 软件工程实训有必要吗_软件工程实训报告的总结.docx
- mysql command line client 目标不对_MySql轻松入门系列-第一站 从源码角度轻松认识mysql整体框架图...
- iframe 禁止打开新窗口_教育部新政策:禁止中学生复读?
- el表达式中换行_angularjs/ng-bind如何保留换行符
- python3爬取网易云歌单数据清洗_网页抓取网易云音乐及评论数据分析
- java虚拟机起不来的原因,JVM理解其实并不难!