如何用 jquery 获取button里的name值。

可以用jquery的attr函数获取button里面的name值。

1、新建html文档，在body标签中添加input标签，标签类型为button，为这个标签设置一个id，然后引入jquery文件：

2、获取之前设置id的input标签，代码的格式是$('#id名')，这时之前设置id的input标签就会被选中：

3、为选中的标签添加attr函数，函数的参数为name，这时button里面的name值就被获取到了：

使用jQuery获取Button的值的方法如下：

1、获取button对象，可根据button的id或者class属性或者name属性等来获取想要的button对象；

2、根据对象获取值；

例：

现有button，id = bt

<button id='bt' value='123' />

获取对象的方法：$("#bt");

获取值的方法用val()方法获取值，完整写法：$("#bt")val();

对html的dom结构，id只能是唯一的，所以你的代码只有第一个有效

你可以修改为

$("input[type='image']"click(function(uid){

var a=$(this)val();

});

在jQuery输入元素表达式属性名即可得到。

如：

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值。如：$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到，也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

点击以下按钮就可以获取其他td的值:

var tds = $(this)parent()parent()children("td");得到的tdslength输出为0；

用aler($(this)parent()parent()children("td")eq(0)text())

部分代码：

<tr> <td> item</td> <td>111</td> <td><input type="button" name="del" value="删除" /></td>

</tr>

jQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

这个有很多种方法，

通过id $("#id")

通过class $("class")

通过name $("[name='name']")

通过标签，例如: input $(":input")

等等

通过以上方法找到对象，然后在进行 *** 作，比如需要这些对象的values值，就在后面加val()等等。

jquery是可以链式编程的，非常方便

获取值：

文本框，文本区域：$("#txt")attr("value")；

多选框checkbox：$("#checkbox_id")attr("value")；

单选组radio： $("input[@type=radio][@checked]")val();

下拉框select： $('#sel')val();

控制表单元素：

文本框，文本区域：$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox： $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty()；//清空下拉框

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选，获取label的文本

$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

以上就是关于如何用 jquery 获取button里的name值。全部的内容，包括:如何用 jquery 获取button里的name值。、jquery 怎么获取Button值、请问怎么用JQUERY点击input时取值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！