jquery - 如何检测哪个按钮被调用

Question

我有形式。我使用 JQuery 添加两个按钮。我怎样才能得到这个按钮的名称？

<form id="frm">
</form>
//JQuery:
    $("#frm").append('<input class="btn" type="submit" name="GoTest"  value="Preview"/>');
    $("#frm").append('<input class="btn" type="submit" name="GoTest1" value="Next"/>'); 
$("#frm").on("click",  function () {
if (this...=="Next")
 {
  alert("It's button Next");
 }else
 {
  alert("It's button Preview");
 }
});

Answer 1

在您的问题中，您询问名称，但文本“Next”位于值中......所以尝试以下操作:

$("#frm").on("click", '.btn',  function (e) {
    e.preventDefault();
    if (this.value=="Next")
     {
          alert("It's button Next");
     }else
     {
          alert("It's button Preview");
     }
});

如果你想获取名称，可以在点击函数中使用$(this).prop('name');。