struts2 表单提交中radio怎样取值

struts2 表单提交中radio怎样取值,第1张

这两个<input> 的value值要设置成不一样的,不然传到后台无法分别。

至于action中获取数据跟<input type="text">一样!

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下:

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

<form name="number_1" action="" method="get">

<input type="radio" name="number1" value="1" />答案1<br>

<input type="radio" name="number1" value="2" />答案2<br>

<input type="radio" name="number1" value="3" />答案3<br>

<input type="radio" name="number1" value="4" />答案4<br>

</form>

<input type="submit" value="Submit" onclick="

for(var i=0;i<4;i++)

{

if (documentallnumber1[i]checked)

alert( documentallnumber1[i]value);

}" />

这个 onclick语句写法要改成这样

你把 得到number1先定项的值的代码写成一个函数funa 返回这个值,再在alert(funa())

定义一个单选按钮放在form表单里:

<input type="radio" name="radiobutton" value="OK">

然后通过String strRadio = requestgetParameter("radiobutton");获取。

当提交那个form表单的时候,便会获取到单选揿钮radiobutton的值OK并赋值给strRadio。

下面一个实例页面,页面文件名是RadioButtonjsp ——

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String strRadio = requestgetParameter("radiobutton");

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">

以上就是关于struts2 表单提交中radio怎样取值全部的内容,包括:struts2 表单提交中radio怎样取值、html中如何获取表单的数据、怎样调用form中radio的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9280334.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存