大家都知道我们在提交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