javascript - 获取点击按钮的值

Question

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

我的按钮:-

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

现在，如果我点击 Button1，我应该得到它的值。即 1，如果我单击 Button2，我应该得到值 2。我写了这段代码:-

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

但它总是提醒1。我必须怎么做才能修复我的代码？

Answer 1

已更新

在 :

中使用 this 而不是 button

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

您必须使用 this 来定位当前单击的按钮，而不是使用 button 来选择 DOM 中的所有按钮，.val() 使其获取值第一个按钮。

---

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="1" name="1" value="1">Button1</button>
<button id="2" name="2" value="2">Button2</button>