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”。
<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>
本回答被网友采纳可以使用js来获得button按钮设置的值,实例如下:
<input type="button" value="xxxxxxxx" name="btn" id="btn" onclick="valueUpdate()"/>其实js就是使用jdom树来获得每个节点上的值。
只有一种方法:
1)获取到button的dom节点
2)通过该节点获取value属性
示例
<body>在JSP中如何获取Button按钮中的Value值?
只有一种方法:<br>1)获取到button的dom节点<br>2)通过该节点获取value属性<br>示例<br><body><br><button id='btn' value='222'>开始<\/button><br><\/body><br><script><br> var btn = document.getElementById('btn');\/\/根据id获取button节点<br> alert(btn.value);\/\/获取button的...
jsp中如何获得本页面点击的button的value (目的:用value值作判断)?
加上class或者id属性就行了 例如:<input type="button" value="提交" class="btn"> 然后通过id或者class获得此按钮再拿到value就行了 或者直接加上一个name属性也行 通过request.getParameter(属性名)也能拿到的
急!在jsp中我用下面的方法去button中value的值怎么也取不到,是怎么回事...
function getDown(bid,id){ var option=document.getElementById(bid).Value;alert(option);.post("",{obj_id:id},function(data){ });} 1、根据函数的参数名,应该是$.post("",{bid:id},function(data)2、有<script> 开始,没结束 ...
jsp中怎么获得单选按钮的值
定义一个单选按钮放在form表单里:<input type="radio" name="radiobutton" value="OK"> 然后通过String strRadio = request.getParameter("radiobutton");获取。当提交那个form表单的时候,便会获取到单选揿钮radiobutton的值OK并赋值给strRadio。下面一个实例页面,页面文件名是RadioButton.jsp ——<%...
JSP中,点击按钮,怎样改变此按钮的VALUE属性?
<input type="button" value="a" onclick="c(this)" \/> <script language="JavaScript"> function c(btn) { btn.value = "b";} <\/script>
jsp 中button页面跳转,需要传递参数
<BODY> <INPUT TYPE="button" value="跳转" onclick="tiaoZhuan()"> <\/BODY> <SCRIPT LANGUAGE="JavaScript"> function tiaoZhuan(){ window.location.href = "跳转绝对路径?参数1=值1&参数2=值2&参数3=值3";\/\/传参数第一个参数传递要带?,多余一个都用&链接传递 } <\/SCRIPT> ...
JSP中如何获取radio 或checkbox的值
1、首先新建一个html文件,命名为test.html,在test.html文件内,在p标签内,使用input标签创建三个checkbox选项用于测试。2、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得checkbox选中数量”。3、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getnum()...
jsp 页面跳转时弹出对话框,要获取当前页面中的一些值,然后显示在对话框...
1.跳转页面点击的按钮 及调用的js <input id="Button1" type="button" value="弹出页面" onclick="OpenWindows();" \/> 2.传值并弹出窗体的js代码 <script language="javascript" type="text\/javascript"> function OpenWindows(){ \/\/要传的值urlvalue var urlvalue=document.all("TextBox3")...
在jsp页面中,如何使用button进行传值并跳转到另一个页面
将点击button后要链接到的地址写成这样就好了:window.location=“action.do?typeid=undercarriageNo”;action处理完之后跳转到你的jsp页面,这个在struts配置文件中配置。
如何在jsp文件中获得多选下拉框的值
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:1、HTML结构 <select id="test" multiple="true"> <option value="option-A">option-A<\/option> <option value="option-B">option-B<\/option> <option ...