Javascript 获取单击按钮的值

我有多个包含不同值的按钮

我的按钮：-

<button id="1" name="1" value="1">Button1</button>
<button id="2" name="2" value="2">Button2</button>

按钮1
按钮2

现在，如果我点击按钮1，我应该得到它的值。这就是1，如果我单击按钮2，我将得到值2。 我编写了以下代码：-

<script type="text/javascript">
$("button").click(function() {
    var fired_button = $("button").val();
    alert(fired_button);
});
</script>

$（“按钮”）。单击（函数（）{
var fired_button=$（“button”）.val（）；
警报（点火按钮）；
});

---

但它总是提醒1。我必须如何修复代码？

在单击处理程序中使用

此

<script type="text/javascript">
$("button").click(function() {
    var fired_button = $(this).val();
    alert(fired_button);
});
</script>

$（“按钮”）。单击（函数（）{
var fired_button=$（this.val（）；
警报（点火按钮）；
});

您可以尝试以下简单的方法：

$(this).val();

$（函数（）{
$（“按钮”）。单击（函数（）{
var fired_button=$（this.val（）；
警报（点火按钮）；
});
});

按钮1
按钮2
此
将为您提供单击的元素，
$（此）
，以获取jquery版本

将代码更新为：

$("button").click(function() {
    var fired_button = $(this).val();
    alert(fired_button);
});

尝试使用
$（this.val（）。它将返回单击的按钮值。
已更新

使用
此
而不是中的
按钮
：

var fired_button = $("button").val(); 

您必须使用
this
以当前单击的按钮为目标，而不是选择DOM中所有按钮的
按钮，.val（）使其获得第一个按钮的值



$（“按钮”）。单击（函数（）{
var fired_button=$（this.val（）；
警报（点火按钮）；
});

按钮1
Button2
您需要使用
此变量才能访问单击按钮的值

<script type="text/javascript">
$("button").click(function() {
    var fired_button = $(this).val();
    alert(fired_button);
});
</script>


$（“按钮”）。单击（函数（）{
var fired_button=$（this.val（）；
警报（点火按钮）；
});

这将返回按钮的
值。
尝试
$（This）.val（）
。
“this”始终指向当前对象。
如果使用jQuery，则需要查找.attr（）函数

$(this).attr("value")

该代码将为您提供由$（this）设计的html元素的value属性（或者您可以精确地指定元素的ID）。
使用
$（this）.val（）
您应该看看这个