Question

我有，

<div>
  <span>Buttons</span>
    <div>
      <button id ="button_1" class="button">Btn 1</button><br />
      <button id ="button_1" class="button">Btn 2</button><br />
      <button id ="button_3" class="button">Btn 3</button><br />
      <button id ="button_4" class="button">Btn 4</button><br />
    </div>
  <span>Checkboxes</span>
  <div>
    <input type="checkbox" /> Chbx 1<br />
    <input type="checkbox" /> Chbx 2 <br />
    <input type="checkbox" /> Chbx 3 <br />
  </div>
</div>

如何确定点击了哪个按钮/复选框？我可以在每个按钮上附加一个点击事件，但我正在寻找你们可能会有更高效的任何方法/技巧。

Answer 1

您可以点击所有按钮和输入，然后查看tagName，ID等。

$(document).on('click', 'input, button', function(event) {
    alert(this.tagName + '#' + this.id);     
});

注意：您可以将事件附加到document元素并检查event.target以实现相同的目标，但上述更有效，因为回调将被触发仅适用于输入和按钮，而不适用于所有元素。

请参阅演示：http://jsfiddle.net/vCjn9/

检测单击了哪个按钮和复选框

1 个答案: