表单元素值获取方式js及java方式的简单实例

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkBox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢？

多说无用、上代码：

Jsp-HTML代码：

<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>
足球:
篮球:
拍球:
斗球:
</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">

</td>

Javascript：

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：

Box 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

以上就是小编为大家带来的表单元素值获取方式js及java方式的简单实例全部内容了，希望大家多多支持编程之家~

表单元素值获取方式js及java方式的简单实例

猜你在找的JavaScript相关文章