表单元素值获取方式js及java方式

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:
Jsp-html代码：
<formaction="input.do"name="formkk">
<table>
<tbody>
<tr>
<td>text:</td>
<td>
<inputtype="text"name="text">
</td>
</tr>
<tr>
<td>password:</td>
<td>
<inputtype="password"name="pass">
</td>
</tr>
<tr>
<td>radio:</td>
<td>
<inputtype="radio"name="xingbie"value="1">
男
<inputtype="radio"name="xingbie"value="2">
女
</td>
</tr>
<tr>
<td>checkbox:</td>
<td>
足球:<inputtype="checkbox"name="hobby"value="1"/>
篮球:<inputtype="checkbox"name="hobby"value="2"/>
拍球:<inputtype="checkbox"name="hobby"value="3"/>
斗球:<inputtype="checkbox"name="hobby"value="4"/>
</td>
</tr>
<tr>
<td>hidden:</td>
<td>
<inputtype="hidden"value="123"name="hidden"/>
</td>
</tr>
<tr>
<td>option:</td>
<td>
<selectname="opt"id="opt">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>
</tbody>
</table>
<inputtype="button"value="提交"οnclick="javascript:check()"/>
</form>
Javascript：
functioncheck(){
varradio=document.getElementsByName("xingbie");
varcheckbox=document.getElementsByName("hobby");
varselect=document.getElementById("opt");
//获取select标签
varindex=select.selectedIndex;
vartext=select.options[index].text;
varvalue=select.options[index].value;
//获取radio标签
for(vari=0;i<xingbie.length;i++){
if(xingbie.item(i).checked){
varval=xingbie.item(i).getAttribute("value");
break;
}
continue;
}
//获取checkbox标签
for(vari=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
Stringtext=request.getParameter("text");//text
Stringpassword=request.getParameter("password");//password
Stringxingbie=request.getParameter("xingbie");//radio
request.getParameter("hidden");
request.getParameter("opt");//select

表单元素值获取方式js及java方式相关推荐

java 获取js元素,表单元素值获取方式js及java方式的简单实例
表单元素值获取方式js及java方式的简单实例这里有新鲜出炉的 Javascript 教程,程序狗速度看过来! JavaScript 客户端脚本语言 Javascript 是一种由 Netscape ...
JS表单的获取、表单元素的获取、提交表单
获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...
js入门·表单详解一（修改表单属性，修改表单元素值）
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
如何给FormPanel表单中的元素赋值以及获取表单元素值
1.定义表单元素的name属性如下 var HLV = new Ext.form.TextField({fieldLabel: '汇率',name:'EXCHANGERATE',anchor: '30 ...
Request 分别获取具有相同 name 属性表单元素值
html 中是允许多个具有相同name属性的元素的,例如 <div> <input name="txtName" id="txtFirstName&qu ...
Request 分别获取具有相同 name 属性表单元素值—— 怀念 Classic ASP （转自博客园）
html 中是允许多个具有相同name属性的元素的,例如 <div> <input name="txtName" id="txtFirstName&qu ...
jsp和java使用值_如何将表单的值从jsp发送到Java
我有一个包含30个不同字段的表格.将它们全部传递给控制器时,需要为每个属性都具有一个属性,以及一对getter,setter. 我将使表单字段作为一个对象并将该对象发送到控制器. 我正在使用以下代 ...
Jquery中获取表单的值并提交
今天写了一个ajax的交互,通过获取表单的值,自己组织post的方式提交. 但是却出现了提交的值为空,后来检查后发现,在提交表单的值得处理的时机有些问题. 一开始先是获取了值,然后在单击提交按钮后传值 ...
表单组件 form fastadmin（生成表单元素）
Form组件定义文件位置: /extend/fast/Formphp 通用参数 $name 通常为我们组件的名称(name属性值),我们在后台接收时可以通过这个名称来获取到它所对应的值 $value ...

表单元素值获取方式js及java方式

表单元素值获取方式js及java方式相关推荐

最新文章

热门文章