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

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

多说无用、上代码：

Jsp-html代码： 

 
  
 
 
  
 
 
text:
 
 
   
 
  
 
  
 
 
password:
 
 
   
 
  
 
  
 
 
radio:
 
 
   
  男 
   
  女 
 
  
 
  
 
checkbox:
 
 
  足球: 
  篮球: 
  拍球: 
  斗球: 
 
  
 
  
 
hidden:
 
 
   
 
  
 
  
 
option:
 
 
   
  1 
  2 
  3 
  4 
   
   
 
 
  
 
   
 

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 
 

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 

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