精华内容
下载资源
问答
  • 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>");

    更多相关内容
  • jquery如何获取value值

    千次阅读 2021-06-13 09:53:38
    jquery如何获取value值?下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。在jquery中,可以使用val() 方法来获取被选元素的value值。val...

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

    cd791c4a488c45ff3cbc3a2a28b619a3.png

    在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());

    });

    })

    观察显示效果

    7e1ae5e681a934bb1406a284da79e93f.png

    更多web前端知识,请查阅 HTML中文网 !!

    展开全文
  • 至于为什么不显示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();
    展开全文
  • 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名...
  • 第一种情况:button里面的------------数据绑定 wxml代码如下 &lt;view&gt; &lt;button bindtap="getv" name="bu"&gt;{{mess}}&lt;/button&gt; &lt;/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>
  • <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('...
  • 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
  • Javascript获取被选中的Radio button或者文本。
  • <!DOCTYPE html> <html lang="en"> <head> ...meta charset="UTF-8">...--创建文本框: type:类型, value:初始,可以不设置 id:唯一性--> 用户名: <input type="text".
  • $("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...
  • 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" />显示的内容 <...
  • <button class="mdui-btn mdui-btn-raised mdui-color-pink mdui-ripple" type="submit" onclick="logon()">登陆</button> ``` 在 js 中: ``` javascript const userPassword = document.getElementById...
  • 这里写自定义目录标题Django:form表单和button获取数据 Django:form表单和button获取...3.后端加上 if request.method==‘POST’ (此处要大写)就可以把你选择的下拉框数据获取value = request.POST.get(‘selec...
  • <input type="button" value="IRIS" dep="IRIS" id="IRIS"> Jquery如何获取IRIS的 在IRIS按钮上添加了动作事件,当点击后用AJAX传递按钮去servlet 我用var str = $("#IRIS").attr("value"); 和var str = $("#...
  • form表单输入框input设置disable属性提交后,得不到该输入框的
  • 获取下拉框的value以及文本的

    千次阅读 2019-09-17 10:34:10
    @殷桃小狗子 获取下拉框的value以及文本的 在做项目的时候,遇到页面搜索以及省市联动获取值后在其他input输入框显示。 这是效果: 这是HTML代码: 测试获取下拉框的value以及文本 <...
  • Elementui级联选择器获取value值

    千次阅读 2019-10-30 22:21:46
    <el-button @click="getNodes">获取</el-button> <el-button id="aaaa">yanzheng</el-button> <!-- <script src="js/axios.min.js"></script> --> <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表单中的: 前提:引入jQuery &lt;form method="post" enctype='multipart/form-data' id='noteForm'&gt; &lt;div class="note-type"&gt; &...
  • el-button type = " primary " @click = " tijiao " > 提交 el-button > div > body > < script > new Vue ( { el : "#Vue" , data : { name : '' , moble : '' , id : '' , QQ : ''...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 184,541
精华内容 73,816
关键字:

获取button的value值