JS将参数添加到URL，并且解析URL获取参数值

拿一个多选框来做一个例子吧！！

 

		<span style = "position: relative;left: 3%;top:30px; font-size: 20px">障及问题申报:</span>
		<input id="guzhang_SAP" name="guzhang" value="SAP" type="checkbox" style = "position: relative;left: 6%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 6%;top:30px; text-align:center; text-decoration: none;">SAP</span>
		<input id="guzhang_OA" name="guzhang" value="OA"  type="checkbox" style = "position: relative;left: 8%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 8%;top:30px; text-align:center; text-decoration: none;">OA</span>
		<input id="guzhang_TMES" name="guzhang" value="TMES" type="checkbox" style = "position: relative;left: 10%;top:30px;text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 10%;top:30px; text-align:center; text-decoration: none;">TMES</span>
		<input id="guzhang_BSERP" name="guzhang" value="BSERP" type="checkbox" style = "position: relative;left: 12%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 12%;top:30px; text-align:center; text-decoration: none;">BSERP</span>
		<input id="guzhang_IPOS" name="guzhang" value="IPOS" type="checkbox" style = "position: relative;left: 14%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 14%;top:30px; text-align:center; text-decoration: none;">IPOS</span>
		<input id="guzhang_E3" name="guzhang" value="E3" type="checkbox" style = "position: relative;left: 16%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 16%;top:30px; text-align:center; text-decoration: none;">E3</span>
		
		<input id="guzhang_CRM" name="guzhang" value="CRM" type="checkbox" style = "position: relative;left: 18%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left: 18%;top:30px; text-align:center; text-decoration: none;">CRM</span>
		<input id="guzhang_SPC" name="guzhang" value="SPC" type="checkbox" style = "position: relative;left: 20%;top:30px; text-align:center; text-decoration: none;"><span style="font-size: 18px;position: relative;left:20%;top:30px; text-align:center; text-decoration: none;">SPC</span>
		<input onclick="myGuzhang()"  type="button" style = "position: relative;left: 53.5%;top:30px; text-align:center; text-decoration: none; font-size: 18px" value="提交">

这个就是前端展现的代码。

注意，在这里，你仔细看我的id的赋值，和value的赋值，你就知道我的想法，没错，我是用统配的方式去匹配获取到对象集

	//SAP OA TMES 的提交按钮
	function myGuzhang(){
		alert("谢谢支持");
		//这个是获取SAP.OA.TMES.BSERP.IPOS.E3.SPC的对象List得方式
		var guzhangList = document.getElementsByName("guzhang");
		
		var guzhangLists = $("input[type='checkbox'][id^='guzhang_']");
		
		var guzhang = "";
		for(var i= 0 ; i<guzhangLists.size();i++ ){
			
			var box_guzhang  = guzhangLists[i];
			
			if(box_guzhang.checked){
				guzhang += guzhangLists[i].value+",";
				
			}
			
			
		}
		var Guzhang = guzhang.substr(0,guzhang.length-1);
		console.log(Guzhang);
		Com_OpenWindow('${LUI_ContextPath }?method=add&Guzhang='+guzhang+'&fdTemplateId=165ad6af5034bc1b7c9901b41e8a6c91','_blank');
	}

这个JS代码就很明显看出，怎么拼装到URL上?后面Guzhang就是拼装的值。。。然后看跳转页面的URL怎么截取URL里的参数

<script type="text/javascript">
//这部分是通配方式去截取URL的参数，可以直接复制下来用
function GetQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

// 调用方法GetQueryString（参数名）就能获取到拼装到URL的值
if(GetQueryString("Guzhang").length >0 ||GetQueryString("Guzhang") != ""){
		
var GZ  = GetQueryString("Guzhang").substr(0,GetQueryString("Guzhang").length-1);
		console.log(GZ);
		var list = new Array();	
		list = GZ.split(",");
		console.log(list );
		for(var i = 0; i < list.length; i ++){
			if(list[i] == "SAP"|| list[i] == "OA"||list[i] == "TMES"){
			}
			SetXFormFieldValueById("fd_36947eb2aa7668",list[i]);
	
		}




	}





</script>

 注意一点是，参数名别写错了。。。。