首页 >web前端 >js教程 >Javascript和Java获取各种form表单信息的简单实例_javascript技巧

Javascript和Java获取各种form表单信息的简单实例_javascript技巧

WBOY
WBOY原创
2016-05-16 16:59:561196浏览

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

Jsp-html代码:

复制代码 代码如下:

 

   
    
     

      
      
     
     

      
      
     
     

      
      
     
     
      
      
     
     
      
      
     
     
      
      
    
   
text:
       
      
password:
       
      
radio:
       
       男
       
       女
      
checkbox:
       足球:
       篮球:
       拍球:
       斗球:
      
hidden:
       
      
option:
       

      

   
  


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);
    }
    继续;
   }

   //提交表单
   document.formkk.submit();

   
  }

Java:
复制代码代码如下:

 String[] 爱好= request.getParameterValues("爱好");  //checkbox
 String text = request.getParameter("text");    //text
 字符串密码 = request.getParameter("password"); //密码
 String xingbie = request.getParameter("xingbie");  //radio
 request.getParameter("hidden");
 request.getParameter("opt");    //选择
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn