获取表单控件名 java_Javascript和Java获取各种form表单信息的简单实例

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

Jsp-html代码：

复制代码

代码如下:

name="formkk">

text:	type="text" name="text">
password:	type="password" name="pass">
radio:	type="radio" name="xingbie" value="1"> 男 type="radio" name="xingbie" value="2"> 女
checkbox:	足球: type="checkbox" name="hobby" value="1"  /> 篮球: type="checkbox" name="hobby" value="2"  /> 拍球: type="checkbox" name="hobby" value="3"  /> 斗球: type="checkbox" name="hobby" value="4" />
hidden:	type="hidden" value="123" name="hidden"/>
option:	name="opt" id="opt"> 1 2 3 4

type="button" value="提交"

οnclick="javascript:check()"/>

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

if(xingbie.item(i).checked){

var

val =

xingbie.item(i).getAttribute("value");

break;

}

continue;

}

//获取checkbox标签

for(var

i=0;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