JavaScript - onClick, чтобы получить идентификатор нажатой кнопки - PullRequest
245 голосов
/ 28 января 2011

Как найти идентификатор кнопки, на которую нажимают?

<button id="1" onClick="reply_click()"></button>
<button id="2" onClick="reply_click()"></button>
<button id="3" onClick="reply_click()"></button>

function reply_click()
{
}

Ответы [ 14 ]

4 голосов
/ 09 октября 2016
<button id="1" onClick="reply_click()"></button>
<button id="2" onClick="reply_click()"></button>
<button id="3" onClick="reply_click()"></button>

function reply_click()
{
   console.log(window.event.target.id)
}
3 голосов
/ 10 января 2013
 <button id="1"class="clickMe"></button>

<button id="2" class="clickMe"></button>

<button id="3" class="clickMe"></button>



$('.clickMe').live('click',function(){

var clickedID = this.id;

});
2 голосов
/ 17 июля 2012

Кнопка 1 Кнопка 2 Кнопка 3

var reply_click = function() { 
     alert("Button clicked, id "+this.id+", text"+this.innerHTML); 
} 
document.getElementById('1').onclick = reply_click; 
document.getElementById('2').onclick = reply_click; 
document.getElementById('3').onclick = reply_click;
0 голосов
/ 18 августа 2018

Извините за поздний ответ, но очень быстро, если вы сделаете это: -

$(document).ready(function() {
  $('button').on('click', function() {
     alert (this.id);
  });
});

Получает идентификатор любой нажатой кнопки.

Если вы хотите просто получить значение нажатия кнопки в определенном месте, просто поместите их в контейнер как

<div id = "myButtons"> buttons here </div>

и измените код на: -

 $(document).ready(function() {
      $('.myButtons button').on('click', function() {
         alert (this.id);
      });
    });

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...