jquery - 如何检测在jquery中单击了哪个提交按钮

Question

如果我的表单上有 2 个提交按钮，是否可以检测到在 jquery 中单击了哪一个？

<input name="submit" type="submit" value="Button 1">
<input name="submit" type="submit" value="Button 2">

这始终返回“按钮 1”

alert($("input[name=submit]").val());

Answer 1

您不一定需要唯一的 ID...使用您提供的 HTML：

$("input[type=submit]").click(function() {
   alert($(this).val());
});

编辑：我同意您应该更改其中一个按钮的名称

Answer 2

您需要有唯一的 ID：

<input id="submit1" name="submit" type="submit" value="Button 1">
<input id="submit1" name="submit" type="submit" value="Button 2">

id 属性为 HTML 元素指定一个唯一的 id（该值在 HTML 文档中必须是唯一的）。

http://www.w3schools.com/tags/att_global_id.asp

Answer 3

最好的选择是为每个按钮设置唯一的 ID，您可以这样做：

$('input').on('click', function(){
    alert(this.id);
});

否则，如果您想保留当前结构并返回您需要的值：

$('input').on('click', function(){
    // the value inside attr() can be any property of the element
    alert($(this).attr('value'));
});