在ssh框架下实现多选传值到后台

简介: 由于要考核了,我要做一个在前台全选并把值传到后台操作,因此在实现功能后写下这篇博客,希望对你们有用以下是js部分,使用的前提是下载jquery.

由于要考核了,我要做一个在前台全选并把值传到后台操作,因此在实现功能后写下这篇博客,希望对你们有用吐舌头吐舌头吐舌头





以下是js部分,使用的前提是下载jquery.min.js插件  地址是jquery.min.js插件

$(function(){
	    // 设置属性值
	    $("input:button").click(function() {
	        var many = "";
	        $("input:checkbox[name='many']:checked").each(function() {
	        	many += $(this).val() + " ";
	        });
	        alert("已选择水果:"+many);
	        
	        
	        
	        var xmlhttp;
			if (window.XMLHttpRequest) {
				// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
				xmlhttp = new XMLHttpRequest();
			} else {
				// IE6, IE5 浏览器执行代码
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {		
					var result = xmlhttp.responseText;								
					if(parseInt(result)==1){
						show_notice('备案成功',1);
					}else{
						show_notice('备案失败',1);
					}
								
				}
			}
			xmlhttp.open("POST", "AdminAction_fileAll", true);
			xmlhttp.setRequestHeader("Content-type",
					"application/x-www-form-urlencoded");
			xmlhttp.send("many="+many);     
	    });
	})
	
	function show_notice(str,second,callback){  
	    var box_id = 'notice_box';  
	    var tooltipBox = document.getElementById(box_id);  
	    if(tooltipBox){  
	        document.body.removeChild(tooltipBox);  
	    }  
	    if(!second) second = 2;  
	    tooltipBox = document.createElement('div');  
	    tooltipBox.innerHTML = str;  
	    tooltipBox.id = box_id;  
	    tooltipBox.style.background='rgba(94,94,94,.8)';  
	    tooltipBox.style.color='#fff';  
	    tooltipBox.style.display='inline-block';  
	    tooltipBox.style.padding = '0.4em 1.5em';  
	    tooltipBox.style.borderRadius = '1em';  
	    tooltipBox.style.fontSize = '0.9em';  
	    document.body.appendChild(tooltipBox);  
	    var vWidth = document.documentElement.clientWidth;  
	    var vHeight = document.documentElement.clientHeight;  
	    tooltipBox.style.position = 'fixed';  
	    tooltipBox.style.zIndex = '9999';  
	    tooltipBox.style.left = ((vWidth/2)-(tooltipBox.offsetWidth/2))+'px';  
	    tooltipBox.style.top = ((vHeight/2)-(tooltipBox.offsetHeight/2))+'px';  
	    setTimeout(function () {  
	                    document.body.removeChild(tooltipBox);  
	                    if(callback)    callback();  
	                }, second*1000);  
	}  

HTML/JSP部分 如果这个页面是从后台数据库查出来的数据放到前台的,你就在需要传的那个值的那一列加上

<input type="checkbox" name="many" value="${list.vehicleId}"/>

在forEach循环外加上
 <input type="button" value="提交">

后台用this.getResponse().getWriter().println(1);把信号返回到前台

OK,工作就到此结束了。

相关文章
|
6月前
|
Java 关系型数据库 MySQL
JSP SSH公车拍卖系统myeclipse开发mysql数据库bs框架java编程网结构
JSP SSH公车拍卖系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
47 0
|
3月前
|
前端开发 Java 网络安全
基于SSH框架甜品商城管理系统【源码+数据库】
基于SSH框架甜品商城管理系统【源码+数据库】
|
6月前
|
前端开发 Java 关系型数据库
JSP仓库进销存系统ssh框架mysql数据库myeclipse开发mvc结构java
JSP 仓库进销存系统(struts2+hibernate) 是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。
31 0
|
7月前
|
Java 网络安全 Spring
SSH框架学习中遇到的问题
SSH框架学习中遇到的问题
32 0
|
9月前
|
Java 应用服务中间件 网络安全
【ssh系列一】——框架搭建
建立项目(SpringMVC+Spring+hibernate的maven项目)
|
9月前
|
设计模式 开发框架 缓存
SSH框架简介篇
SSH框架简介篇
187 0
|
10月前
|
SQL 缓存 Java
《SSH框架》---Hibernate
《SSH框架》---Hibernate
|
10月前
|
Java 数据库连接 网络安全
《SSH框架》---spring
《SSH框架》---spring
|
10月前
|
前端开发 Java 网络安全
《SSH框架》Struts2
Struts(金属支架),在程序中表示起支撑作用的通用程序代码,Struts2是在Struts1框架的基础上融合了WebWork优秀框架升级得到的。
|
10月前
|
Java 数据库连接 网络安全
《SSH框架》---还你一个清晰的配置
一开始敲ssh,完全被各种配置弄晕了,看着视频里的老师,一会儿往application中配置,一会儿往Struts里配置,最重要的是,他以为我都理解了,完全不告诉我为什么这样配!当时,我在心里哭啊,老师,我并不知道为什么啊!哭完了之后,自己研究,人就是这样,在哪里跌倒就在哪里爬起,然后跌倒,然后再爬起。。。所以,那些成功的人在人前虽然看着都是光鲜亮丽的,但他柜子里有几身磨破的衣服,只有他自己知道。 现以后台管理员登录来走一遍整个配置过程。