Получить значение нажатой кнопки

Question

У меня есть несколько кнопок, содержащих разные значения.

Мои кнопки: -

<button id="1" name="1" value="1">Button1</button> 
<button id="2" name="2" value="2">Button2</button> 

Теперь, если я нажму на Button1, я должен получить это значение. То есть , и если я нажму кнопку Button2, я должен получить значение . Я написал этот код: -

<script type="text/javascript"> 
$("button").click(function() { 
    var fired_button = $("button").val(); 
    alert(fired_button); 
}); 
</script> 

Но он всегда предупреждает . Что я должен сделать, чтобы исправить мой код?

Answer 1

ОБНОВЛЕНО

Использование this вместо button в:

var fired_button = $("button").val(); 

Вы должны использовать this целевой кнопки текущего щелкнул вместо button, который будет выбирать все кнопки в DOM, .val() позволяет получить значение первой кнопки.

---

$("button").click(function() { 
 
    var fired_button = $(this).val(); 
 
    alert(fired_button); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="1" name="1" value="1">Button1</button> 
 
<button id="2" name="2" value="2">Button2</button>

Answer 2

Использование this внутри обработчика щелчка

<script type="text/javascript"> 
$("button").click(function() { 
    var fired_button = $(this).val(); 
    alert(fired_button); 
}); 
</script> 

Answer 3

Вы могли бы попробовать что-то просто:

$(this).val(); 

$(function(){ 
 
    $("button").click(function() { 
 
     var fired_button = $(this).val(); 
 
     alert(fired_button); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="1" name="1" value="1">Button1</button> 
 
<button id="2" name="2" value="2">Button2</button>

Примечание: Вы должны добавить свои обработчики событий после того, как документ готов. Вот почему, я прилагаю обработчик событий в

$(function{}) 

Это сокращенная из

$(document).ready(function(){}) 

Для получения дополнительной информации об этом, пожалуйста, посмотрите here.

Answer 4

this даст вам элемент, который был нажат, $(this), чтобы получить версию jquery.

Обновите свой код:

$("button").click(function() { 
    var fired_button = $(this).val(); 
    alert(fired_button); 
}); 

Answer 5

Попробуйте с $(this).val();. Он вернет значение кнопки нажатой кнопки.

Answer 6

Вы должны использовать this переменную для доступа значения, по которым щелкнули кнопки.

<script type="text/javascript"> 
$("button").click(function() { 
    var fired_button = $(this).val(); 
    alert(fired_button); 
}); 
</script> 

Это вернет value кнопки.

Answer 7

Пробег: $(this).val(). 'this' всегда относится к текущему объекту.