0

私は持っている、

<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>

どのボタン/チェックボックスがクリックされたかを確認するにはどうすればよいですか? 各ボタンにクリック イベントを添付することもできますが、もう少し効率的な方法/トリックを探しています。

4

1 に答える 1

3

すべてのボタンと入力にクリックを付けてtagName、IDなどを確認できます。

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

注:要素だけにイベントをアタッチして同じことdocumentを確認event.targetすることもできますが、コールバックはすべての要素ではなく、入力とボタンに対してのみ発生するため、上記の方が効率的です。

デモを参照してください: http://jsfiddle.net/vCjn9/

于 2013-01-22T17:08:40.020 に答える