在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中添加。
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值?的主要内容,如果未能解决你的问题,请参考以下文章