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

Question

<input type="button" name="button1" class="button" value="提交">
<input type="button" name="button2" class="button" value="提交">
<input type="button" name="button3" class="button" value="提交">
<input type="button" name="button4" class="button" value="提交">
<input type="button" name="button5" class="button" value="提交">
可以用(".button")获取这些button，我不会获取里面的name值。
能不能说详细点啊。我想要的是单击不同的按钮显示不同的name值，比如我单击按钮1的时候它显示button1，单击按钮2的时候显示button2
$(document).ready(function(){
$(".button").click(function(){
var value=$(".button").attr("name");
alert (value);
});
});
我自己是这么写的 但是获取不到。不管单击什么按钮都是获取的button1，几位的我都看了，都不行
给每个button都定义id的方法就算了，这不是我要找的那种
好了。谢谢大家啊。我就把分给第一个答对的人啦

Answer 1

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

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

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

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

Answer 2

1、首先我们建立一个MVC的项目来帮助我们演示我们的分享案例，项目建好后如下图所示，我们要在Index.cshtml里书写代码。

2、打开Index.cshtml，写入下图的代码，一个form表单，让用户输入用户名密码。

3、接下来实现按钮的方法，当按钮获得焦点后，我们按下enter键，我们来打印一下event.which这个值。

4、你会发现打印的值永远都是1，这和我们预期的效果是不一样的，因为我们知道回车键的值是13。

5、接下来我们修改一下代码，将Button的onclick事件换成onkeydown事件。

6、然后我们运行程序，这回你发现当你按回车的时候，你打印的值是13了，就获取按键值成功了。

本回答被网友采纳

Answer 3

name是button元素的属性，那么可以使用获取属性的方法获取name值：

$("input:button").attr("name"); // jQuery attr() 方法用于获取属性值
$("input:button").prop("name"); // prop()方法也可以用于获取属性值，绝大多数情况下二者通用

示例如下：

创建Html元素：多个不同name属性的button

<input type="button" name="button1" class="button" value="提交">
<input type="button" name="button2" class="button" value="提交">
<input type="button" name="button3" class="button" value="提交">
<input type="button" name="button4" class="button" value="提交">
<input type="button" name="button5" class="button" value="提交">

简单设置一下css样式

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

编写jquery代码：点击某个button后弹出框显示其name属性值


$(function(){
$("input:button").click(function() {
var value = $(this).attr("name"); // $(this)表示获取当前被点击元素的name值
alert(value);
});
})

查看效果

Answer 4

最好第一个 button 都定义一个 id 的性情，这样就能一个一个获取了，如果你用 class，那不知道是哪一个了，如果是
<input type="button" name="button1" class="button" id="button1" value="提交">
那么用$("#button1").attr("name")就能获得他的name值了

Answer 5

$(document).ready(function(){
$(".button").click(function(){
var value=$(this).attr("name");
alert (value);
});
});
就把.button换成this就行了，表示获取当前对象的名字