表单元素值获取方式js及java方式的简单实例
更新时间:2016年10月15日 11:43:04 投稿:jingxian
下面小编就为大家带来一篇表单元素值获取方式js及java方式的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?
多说无用、上代码:
Jsp-html代码:
<form action="input.do" name="formkk"> <table> <tbody> <tr> <td>text:</td> <td> <input type="text" name="text"> </td> </tr> <tr> <td>password:</td> <td> <input type="password" name="pass"> </td> </tr> <tr> <td>radio:</td> <td> <input type="radio" name="xingbie" value="1"> 男 <input type="radio" name="xingbie" value="2"> 女 </td> </tr> <tr> <td>checkbox:</td> <td> 足球:<input type="checkbox" name="hobby" value="1" /> 篮球:<input type="checkbox" name="hobby" value="2" /> 拍球:<input type="checkbox" name="hobby" value="3" /> 斗球:<input type="checkbox" name="hobby" value="4" /> </td> </tr> <tr> <td>hidden:</td> <td> <input type="hidden" value="123" name="hidden"/> </td> </tr> <tr> <td>option:</td> <td> <select name="opt" id="opt"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </td> </tbody> </table> <input type="button" value="提交" onclick="javascript:check()"/> </form>
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<xingbie.length;i++){ if(xingbie.item(i).checked){ var val = xingbie.item(i).getAttribute("value"); break; } continue; } //获取checkbox标签 for(var i=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 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方式的简单实例全部内容了,希望大家多多支持脚本之家~
相关文章
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
这篇文章主要介绍了JS中类的静态方法,静态变量,实例方法,实例变量区别与用法,结合实例形式详细分析了JS中类的静态方法,静态变量,实例方法,实例变量相关功能、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
在上一篇文章里,我们设计了一套能在JavaScript中描述函数重载的方法,这套方法依赖于一个叫做Overload的静态类,现在我们就来看看如何实现这个静态类。2009-08-08JavaScript 字符串与数组转换函数[不用split与join]
下面的代码,不考虑他的运行效率的话,思路不错,大家可以看看,但在实际的应用中,我们仍然使用split或join来实现数组的操作。2009-12-12
最新评论