多个button中获取所点击button的值 千次阅读

2018-10-23 20:07:47

本人是在java中拼接的table表格，有多个点击按钮，需要获取每个点击按钮传递当前的ID，最初的程序如下：

java代码：

show_detail.append("<tr>");
show_detail.append("<td style='white-space:nowrap;width:10%;text-align:center'>"+tvordersbean.getCancelTime()+"</td>");
show_detail.append("<td style='white-space:nowrap;width:9%;text-align:center'><input type='button' name='tvquery' value='详情' style='height:20px;' οnclick='queryTvDetails()'/><input type='button' name='btnThree' value='退订' style='height:20px;' οnclick='tvunsubscribeTvDetails("+tvordersbean.getProductId()+")'/></td>");
show_detail.append("</tr>");

jsp代码：

function tvunsubscribeTvDetails(tvProductId){
alert(tvProductId);
}

使用控制台查看时input按钮为：

<input type="button" name="btnThree" value="退订" style="height:20px;"οnclick="tvunsubscribeTvDetails(adc123)"/>

可以看到onclick方法中的值已经传到前台，但是点击调用script中的方法时，scrip中的tvunsubscribeTvDetails方法获取不到值。

说明传参是没有问题的，获取不到值，应该是格式的问题，经查阅资料发现onclick中的点击方法中的值应该用""括起来，经使用转义符，scrip的方法中可以正常获取参数，修改后代码如下：

show_detail.append("<tr>");
show_detail.append("<td style='white-space:nowrap;width:10%;text-align:center'>"+tvordersbean.getCancelTime()+"</td>");
show_detail.append("<td style='white-space:nowrap;width:9%;text-align:center'><input type='button' name='tvquery' value='详情' style='height:20px;' οnclick='queryTvDetails()'/><input type='button' name='btnThree' value='退订' style='height:20px;' οnclick='tvunsubscribeTvDetails(\""+tvordersbean.getProductId()+"\")'/></td>");
show_detail.append("</tr>");

input 传参

更多相关内容
jquery如何获取value值？
千次阅读 2021-06-13 09:53:38

jquery如何获取value值？下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jquery中，可以使用val() 方法来获取被选元素的value值。val...

jquery如何获取value值？下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jquery中，可以使用val() 方法来获取被选元素的value值。

val()方法可以返回被选元素的 value 属性值，会返回第一个匹配元素的value属性的值。

语法：$(selector).val()

例：$("input#test").val(); // 推荐这种方式，因为id是唯一的

$("input[name='test']").val(); // 此时需要注意是否有同名的input元素

$("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

创建一个文本框和一个触发获取文本框输入内容的按钮

简单设置一下css样式input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

添加jquery代码$(function(){

$("input:button").click(function() {

alert($("input#test").val());

});

})

观察显示效果

更多web前端知识，请查阅 HTML中文网！！

收起

展开全文
jQuery获取checkboxlist的value值的方法
2020-12-28 21:06:33

至于为什么不显示value值，我也不清楚，本篇给出一个用jQuery获取checkboxlist值的方法。先看看原始的页面html代码： <input type=button id=btnShow value=显示选中值 /> 下面我们绑定check

收起

jQuery获取button上的值

万次阅读 2017-11-02 11:04:03

jQuery获取button上的值 jQuery获取第一个子元素获取第一个元素： $(“#getfirst”).find(“ul li:first-child”) 或$(“#getfirst”).find(“ul li”).get(0) 或$(“#getfirst”).find(“ul li”).first()

前端代码如下：

<div class="Tag-removable btn-group" role="group" aria-label="...">
    <button id="" type="button" class="btn btn-success btn-xs">{{$v.Tag_name}}</button>
    <button type="button" class="btn btn-success remove btn-xs">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
    </button>
</div>

获取第一个button元素上的值：

$("div.Tag-removable").find("button:first-child").text();

或

$("div.Tag-removable").find("button").get(0).text();

或

$("div.Tag-removable").find("button").first().text();

收起

展开全文

jquery

JS得到div ,button标签内的value值

千次阅读 2019-04-12 12:12:56

JS得到div ,button标签内的value值 一：静态div 第一种：单独div <div id="test" value="yes" > </div> 通过JS直接得到div的value属性是得不到的,输出为undefined 这是因为div没有value属性所以...

JS得到div ,button标签内的value值

一：静态div

第一种：单独div

<div id="test" value="yes" > </div>

通过JS直接得到div的value属性是得不到的,输出为undefined 这是因为div没有value属性所以这样是得不到的

要用t1.getAttribute("value");

第二种：多个div

举例：这里用button举例。区别在于$("button")是获取到button标签。

$("div")或者设置div标签的唯一id即可获取div

<%@ 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>Insert title here</title>
</head>
<body>

	<!--循环输出了许多p，点那个获取到点击的那个的value 然后ajax发送出去这个value ？？怎么弄 -->
	<div id="1">
		<button value="20">点我获取Value</button>
		<button value="21">点我获取Value</button>
		<button value="22">点我获取Value</button>
		<button value="23">点我获取Value</button>
	</div>

</body>
<script
	src="${pageContext.request.contextPath}/lib/jquery/jquery-1.11.1.js"
	type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("button").click(function() {
			var bId = this.value;
			console.log(bId);
			$.ajax({
				
			});
		})
		
	})
	/*ajax请求，显得到当前点击的button的id和value（课程ID）  */
</script>
</html>

二：js遍历的button

无需关注ajax，这里的思路是将要获取的的标签添加onclick（）事件，并将value传入。通过点击事件获取到当前循环遍历出的标签内的值。

<button id="replybtns" onclick="replyUser('+resp[i].fromUserId+')"  type="button" class="btn btn-default right" value="'+resp[i].fromUserId+'">回复</button>'

$(function() {
				var courseId = "${courseId}";
				console.log(courseId);
				$.ajax({
					url:"${pageContext.request.contextPath}/discuss/getFrontReplyDiscuss.action",
					data:{"courseId" : courseId},
					dataTyoe:"json",
					success:function(resp){
						console.log(resp);
						var str = '';
						for(var i=0;i<resp.length;i++){
						    str +=
						    '<div class="dis-content"> '+
						    	'<span class="name-desp" id="userName">'+resp[i].fromUser+'</span>'+
						    	'<span class="label label-default">回复</span>'+
						    	'<span class="name-desp" id="userName">'+resp[i].byReplyUser+'</span>'+
						    	'<span class="tie-time" id="pubTime">'+resp[i].publishTime+'</span>'+
						    	'<div>'+
						    		'<div class="panel panel-default">'+
						    			'<div class="panel-body" id="outline" value="'+resp[i].fromUserId+'"  >'+
						    				resp[i].content
						    			+'</div>'+
						    		'</div>'+
						    		' <button id="replybtns" onclick="replyUser('+resp[i].fromUserId+')"  type="button" class="btn btn-default right" value="'+resp[i].fromUserId+'">回复</button>'+
						    	'</div>'+
						    '</div>'+
						    '<span class="blank20"></span>'				
						}
						$("#rdiscuss").html(str);
					}
				}); 
			});

获取方法：

                function replyUser(id){
				    var bId1 = id;
				    console.log(bId1+"我爱你");
				    $.ajax({
					    //发送请求
				    });
                }

收起

展开全文

Javascript获取value值的三种方法及注意点
万次阅读 多人点赞 2018-06-25 01:15:28

今天在js中用id名直接获取value值时遇到点问题，所以顺便做一下总结。 JavaScript获取value值，主要有以下三种： 1.用document.getElementById(“id名”).value来获取（例1）； 2.通过form表单中的id名或者name名...

收起

JavaScript html
微信小程序怎么点击按钮获取button里面的值
万次阅读 2019-01-29 13:28:41

第一种情况：button里面的值------------数据绑定 wxml代码如下 <view> <button bindtap="getv" name="bu">{{mess}}</button> </view&...

收起
angular数据双向绑定获取value值
千次阅读 2019-09-29 17:19:01

先在app.module.ts文件引入 import { FormsModule } from '@angular/forms'; imports: [ FormsModule ...import { Component, OnInit } from '@angular/...<button (click)="doheader()">获取内容</button>

收起
jQuery中获取radio button中被选中的value值
千次阅读 2016-06-02 16:57:52

<form id="xxx" action="xxx" method="post"><input type="hidden" name="type" /><input type="radio" id="radio1" name="radio" checked="checked" value="1"> 线上需求</label><input type="radio" id="radio2" ...

收起
js获取单选button的值
2016-01-22 15:05:00

<!DOCTYPE html> <html> <body> <script type="text/javascript">...function select_patten(value) ... // varvalue=document.getElementsByName(text).value; // alert('...

收起
IE6、IE7中获取Button元素的值的bug说明
2020-12-09 23:27:24

button value=”abc”>测试</button> [removed] var btn = document.getElementsByTagName(‘button’)[0]; alert(btn.value); alert(btn.getAttribute(‘value’)); [removed] IE6/7: ...

收起
uni-app 获取input中value值
千次阅读 2021-06-03 16:00:43

<view class="addBox"> <input class="skeleton-radius" type="text" ref="newUser" id="input...button class="skeleton-radius" type="success" @click="addUsers">添加新用户</button> <view

收起
JS获取选中的radio button的值
2013-03-21 23:55:20

Javascript获取被选中的Radio button的值或者文本。

收起
js触发onclick事件获取文本框中的值value
千次阅读 2021-04-30 22:46:03

<!DOCTYPE html> <html lang="en"> <head> ...meta charset="UTF-8">...--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性--> 用户名： <input type="text".

收起
jquery获取当前元素的值，比如获取button上的值
万次阅读 2016-11-23 17:42:13

$("button").click(function(){ alert($(this).html()); $(this).hide(); $("p").hide(); }); }); Click me coding1 coding2 coding3 使用$(this)就可以获得当前元素，上面的文字就

收起
使用Vue.js获取按钮的值
千次阅读 2021-01-17 15:22:10

我有一个有三个按钮的表单，每个按钮的值分别为1,2和3。...我试图这样，像这样：使用Vue.js获取按钮的值v-model="selectedcategory"v-on="click: search"value="1">Category 1v-model="selectedcatego...

收起
python根据ID获取HTML input框中value的值和python格式化URL
千次阅读 2021-02-10 16:46:41

1. python 获取指定id的input 中value的值 1.1 引入正则 import re注意，此时要安装re linux : sudo pip install re windows: pip install re ## re可以换成任何模块比如，BeautifulSoup 1.1 核心 # content 是HTML...

收起
如何用JS获取checkbox的value值
千次阅读 2019-05-26 10:29:43

input type="checkbox" name="test" value="值1" />显示的内容 <input type="checkbox" name="test" value="值2" />显示的内容 <input type="checkbox" name="test" value="值3" />显示的内容 <...

收起
利用 javascript 无法获取html 中 input 的 value 值
2019-12-06 00:52:26

<button class="mdui-btn mdui-btn-raised mdui-color-pink mdui-ripple" type="submit" onclick="logon()">登陆</button> ``` 在 js 中： ``` javascript const userPassword = document.getElementById...

收起

javascript
Django:form表单和button获取数据
2020-03-17 17:12:23

这里写自定义目录标题Django:form表单和button获取数据 Django:form表单和button获取...3.后端加上 if request.method==‘POST’ (此处要大写)就可以把你选择的下拉框数据获取：value = request.POST.get(‘selec...

收起

python
Jquery如何获取button里的值
2010-05-10 11:44:38

<input type="button" value="IRIS" dep="IRIS" id="IRIS"> Jquery如何获取IRIS的值在IRIS按钮上添加了动作事件,当点击后用AJAX传递按钮值去servlet 我用var str = $("#IRIS").attr("value"); 和var str = $("#...

收起

jquery
form表单提交input使用disabled后台无法获取value值
千次阅读 2021-04-08 16:52:27

form表单输入框input设置disable属性提交后，得不到该输入框的值

收起
获取下拉框的value以及文本的值
千次阅读 2019-09-17 10:34:10

@殷桃小狗子获取下拉框的value以及文本的值在做项目的时候，遇到页面搜索以及省市联动获取值后在其他input输入框显示。这是效果：这是HTML代码：测试获取下拉框的value以及文本值 <...

收起

JAVA
Elementui级联选择器获取value值
千次阅读 2019-10-30 22:21:46

<el-button @click="getNodes">获取</el-button> <el-button id="aaaa">yanzheng</el-button>  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></...

收起
如何用js获取checkbox的value值
万次阅读 2018-03-09 09:29:12

显示的内容显示的内容显示的内容显示的内容 .... JS： function send(){ var id = document.getElementsByName('test');... var value = new Array(); for(var i = 0; i ; i++){ if(id[i].checked) v

收起
a标签获取value值
万次阅读 2017-03-14 23:13:37

之前习惯性写过这样的方法来获取a标签的值(0)' onclick='alert(this)'>预约其中的原因是alert(obj)可以看成alert(obj.toString())因为打印的是字符串内部其实是调用 toString()方法 a元素的toString()方法和别的...

收起
javascript获取select的value值
千次阅读 2017-09-24 18:59:51

javascript获取select选项的value 苹果香蕉李子查看选择 function check() { var options = $("#fruit option:selected"); var choosefruit = options.val(); ...

收起
form表单获取数据并将json中的value值转换为key值
千次阅读 2019-01-19 18:31:14

首先，说一下如何获取form表单中的值：前提：引入jQuery <form method="post" enctype='multipart/form-data' id='noteForm'> <div class="note-type"> &...

收起
element-ui循环出来的input文本框并获取value值
千次阅读 2019-11-07 16:24:27

el-button type = " primary " @click = " tijiao " > 提交 el-button > div > body > < script > new Vue ( { el : "#Vue" , data : { name : '' , moble : '' , id : '' , QQ : ''...

收起

jquery如何获取value值？

jQuery获取checkboxlist的value值的方法

jQuery获取button上的值

JS得到div ,button标签内的value值

JS得到div ,button标签内的value值

一：静态div

二：js遍历的button

Javascript获取value值的三种方法及注意点

微信小程序怎么点击按钮获取button里面的值

angular数据双向绑定获取value值

jQuery中获取radio button中被选中的value值

js获取单选button的值

IE6、IE7中获取Button元素的值的bug说明

uni-app 获取input中value值

JS获取选中的radio button的值

js触发onclick事件获取文本框中的值value

jquery获取当前元素的值，比如获取button上的值

使用Vue.js获取按钮的值

python根据ID获取HTML input框中value的值和python格式化URL

如何用JS获取checkbox的value值

利用 javascript 无法获取html 中 input 的 value 值

Django:form表单和button获取数据

Jquery如何获取button里的值

form表单提交input使用disabled后台无法获取value值

获取下拉框的value以及文本的值

Elementui级联选择器获取value值

如何用js获取checkbox的value值

a标签获取value值

javascript获取select的value值

form表单获取数据并将json中的value值转换为key值

element-ui循环出来的input文本框并获取value值

获取button的value值