在JSP中如何获取Button按钮中的Value值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在JSP中如何获取Button按钮中的Value值?相关的知识,希望对你有一定的参考价值。

指的是在JSP页面中获取表单中Button按钮中的Value值!
在另一个JSP页面获取该页面的Button的Value值!谢谢!

1、创建一个名称为  type_button  的html文件 。

2、添加2个button按钮,一个button在点击事件中加入自定义函数  mytype_button,另一个button设置id和type属性值为“button”。

3、添加一p标签,设置id 为 showtype_button。

4、在javascript中创建一个自定义函数   mytype_button。

5、在自定义函数中获取button对象。用type属性获取属性值。

6、在浏览器中打开文件,点击button后会显示获取到的type属性值为“button”。

参考技术A

<body>

<form name="form1" method="post" action="myb.jsp">

<input type="button" name="1" id="1" value="1" onclick="getvalue(this,'h1')"/>

<input type="button" name="2" id="2" value="2" onclick="getvalue(this,'h2')"/>

<input type="button" name="2" id="3" value="3" onclick="getvalue(this,'h3')"/>

<input type="submit" name="=" id="="/>

<input type="hidden" name="h1" id="h1" value="4"/>

<input type="hidden" name="h2" id="h2" value="5"/>

<input type="hidden" name="h3" id="h3" value="6"/>

<script>

var count=1;

function getvalue(btn)


document.getElementById("h"+count).value=btn.value;

alert(document.getElementById("h"+count).value);

count++;

if(count==4)

count=1;

</script>

</form>

</body>

扩展资料:

jsp中获得单选按钮的值:

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

pageEncoding="utf-8"%> 

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

"http://www.w3.org/TR/html4/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

<title>Jsp Practice</title> 

</head> 

<script type="text/javascript" language="javascript"> 

</script> 

<body> 

<form id="form" method="post" action="test.jsp"> 

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

<input type="submit" value="提交"/> 

</form> 

<br/> 

以下是从from里面读取的值: 

<br/> 

<% 

String show=request.getParameter("radiobutton"); 

System.out.println(show);//显示在控制台。

out.println(show);//显示在页面,显示结果为OK 

%> 

</body> 

</html>

参考技术B 要想获得值必须是提交到了本页面。
也就是如果A页面想获取B页面上的button的值,必须将B提交到A上,然后A才能通过crazy_ices说的:request.getParameter("按钮ID")获取本回答被提问者采纳
参考技术C

   可以使用js来获得button按钮设置的值,实例如下:

<input type="button" value="xxxxxxxx" name="btn" id="btn" onclick="valueUpdate()"/>

<script type="text/javascript">
function valueUpdate()

    document.all.text.value=document.all.btn.value;//获得按钮的值

</script>

   其实js就是使用jdom树来获得每个节点上的值。

参考技术D

只有一种方法:

1)获取到button的dom节点

2)通过该节点获取value属性

示例

<body>
<button id='btn' value='222'>开始</button>
</body>
<script>
 var btn = document.getElementById('btn');//根据id获取button节点
 alert(btn.value);//获取button的value属性
</script>

JavaScript中获取radio的值

单选按钮的代码如下:
<body>
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
</body>
要求很简单,就是取出value的值。用于switch语句。
能用document.write();显示出也行,不要网上的if语句。
由于要实现功能特殊,请不要在input 后添加事件,可以再外层的form中添加。

1、radio为单选按钮,一般单选按钮有多个可供选择的项,而只能选择一个,比如男、女
2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
参考技术A <HTML>
<HEAD>
<TITLE> 可用鼠标拖动的层 </TITLE>
</HEAD>

<BODY>
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
<script>
var $ = function(x)return document.getElementById(x)
var set = function()
var obj = document.getElementsByTagName('input');
for(var i=0;i<obj.length;i++)
obj[i].onclick = function()
alert(this.value)



set();
</script>

</BODY><HTML>
参考技术B <body>
<form name="abc">
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
</body>

document.write(abc.q);本回答被提问者采纳
参考技术C function getRadioValue(radioName)

var radios = document.getElementsByName(radioName);
if(!radios)
return '';
for (var i = 0; i < radios.length; i++)

if (radios[i].checked)
return radios[i].value;

return '';
参考技术D <html>
<head>
<script type="text/javascript" language="javascript">
function Foo()
var selectedIndex = -1;
var form1 = document.getElementById("form1");
var i = 0;
for (i=0; i<form1.q.length; i++)
if (form1.q[i].checked)
selectedIndex = i;
alert("您选择项的 value 是:" + form1.q[i].value);
break;


if (selectedIndex < 0) alert("您没有选择任何项"); </script>
</head>
<body>
<form id="form1" action="" method="">
<input type="radio" name="q" value="a" checked>
<input type="radio" name="q" value="b">
<input type="radio" name="q" value="c"> <br/>
<input type="button" value="检查选择项" onclick="Foo()">
</form>
</body>
</html>

以上是关于在JSP中如何获取Button按钮中的Value值?的主要内容,如果未能解决你的问题,请参考以下文章

如何从按钮中获取值?

关于jsp中用button传递值的问题?

我想在jsp页面中用js获取s:property中的value要怎么办?

java jsp页面数据导入到excel中的问题

JSP 问题总结

请问下: 如果在jsp 中获取一组 radio 的checked值