Question

如何使用jQuery检测单击哪个按钮

<div id="dBlock">
 <div id="dCalc">
  <input id="firstNumber" type="text" maxlength="3" />
  <input id="secondNumber" type="text" maxlength="3" />
  <input id="btn1" type="button" value="Add" />
  <input id="btn2" type="button" value="Subtract" />
  <input id="btn3" type="button" value="Multiply" />
  <input id="btn4" type="button" value="Divide" />
 </div>
</div>

注意：上面的“dCalc”块是动态添加的......

Answer 1

$("input").click(function(e){
    var idClicked = e.target.id;
});

Answer 2

$(function() {
    $('input[type="button"]').click(function() { alert('You clicked button with ID:' + this.id); });
});

Answer 3

由于动态添加了块，您可以尝试：

jQuery( document).delegate( "#dCalc input[type='button']", "click",
    function(e){
    var inputId = this.id;
    console.log( inputId );
    }
);

demo http://jsfiddle.net/yDNWc/

Answer 4

jQuery可以绑定到单个输入/按钮，也可以绑定到表单中的所有按钮。单击一个按钮后，它将返回单击该按钮的对象。从那里你可以检查诸如值...

之类的属性

$('#dCalc input[type="button"]').click(function(e) {
    // 'this' Returns the button clicked:
    // <input id="btn1" type="button" value="Add">
    // You can bling this to get the jQuery object of the button clicked
    // e.g.: $(this).attr('id'); to get the ID: #btn1
    console.log(this);

    // Returns the click event object of the button clicked.
    console.log(e);
});

如何使用jQuery检测单击哪个按钮

4 个答案: