本篇文章主要是对Javascript和Java获取各种form表单信息的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:
Jsp-html代码:
复制代码 代码如下:
<form action="input.do">
<table>
<tbody>
<tr>
<td>text:</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>password:</td>
<td>
<input type="password">
</td>
</tr>
<tr>
<td>radio:</td>
<td>
<input type="radio" value="1">
男
<input type="radio" value="2">
女
</td>
</tr>
<tr>
<td>checkbox:</td>
<td>
足球:<input type="checkbox" value="1" />
篮球:<input type="checkbox" value="2" />
拍球:<input type="checkbox" value="3" />
斗球:<input type="checkbox" value="4" />
</td>
</tr>
<tr>
<td>hidden:</td>
<td>
<input type="hidden" value="123"/>
</td>
</tr>
<tr>
<td>option:</td>
<td>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>
</tbody>
</table>
<input type="button" value="提交"/>
</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:
复制代码 代码如下: