Javascript和Java获取各种form表单信息

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:
Jsp-html代码:
	<form action="input.do" name="formkk">
			<table>
				<tbody>
					<tr>
						
						<td>text:</td>
						<td>
							<input type="text" name="text">
						</td>
					</tr>
					<tr>
						
						<td>password:</td>
						<td>
							<input type="password" name="pass">
						</td>
					</tr>
					<tr>
						
						<td>radio:</td>
						<td>
							<input type="radio" name="xingbie" value="1">
							男
							<input type="radio" name="xingbie" value="2">
							女
						</td>
					</tr>
					<tr>
						<td>checkbox:</td>
						<td>
							足球:<input type="checkbox" name="hobby" value="1"  />
							篮球:<input type="checkbox" name="hobby" value="2"  />
							拍球:<input type="checkbox" name="hobby" value="3"  />
							斗球:<input type="checkbox" name="hobby" value="4"  />
						</td>
					</tr>
					<tr>
						<td>hidden:</td>
						<td>
							<input type="hidden" value="123" name="hidden"/>
						</td>
					</tr>
					<tr>
						<td>option:</td>
						<td>
							<select name="opt" id="opt">
							<option>1</option>
							<option>2</option>
							<option>3</option>
							<option>4</option>
							</select>
							
						</td>
				</tbody>
			</table>
			<input type="button" value="提交" οnclick="javascript:check()"/>
		</form>


Javascript:
function check(){
			
			var radio = document.getElementsByName("xingbie");
			var checkbox = document.getElementsByName("hobby");
			var select = document.getElementById("opt");
		
			//获取select标签
			var index = select.selectedIndex;
			var text = select.options[index].text;
			var value = select.options[index].value;
			
			//获取radio标签
			for(var i=0;i<xingbie.length;i++){
				if(xingbie.item(i).checked){
					var val = xingbie.item(i).getAttribute("value");
					break;
				}
				continue;
			}
			//获取checkbox标签
			for(var i=0;i<hobbys.length;i++){
				if(hobbys[i].checked){
					alert(hobbys[i].value);
				}
				continue;
			}
			
			//提交form表单
			document.formkk.submit();
			
			
		}



Java:
	String[] hobbys = request.getParameterValues("hobby");  //checkbox
	String text = request.getParameter("text");				//text
	String password = request.getParameter("password");	//password
	String xingbie = request.getParameter("xingbie");		//radio
	request.getParameter("hidden");
	request.getParameter("opt");    //select

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值