доступ к значениям 2 кнопки отправки с тем же именем, используя JavaScript

Question

У меня есть две кнопки отправки с одним и тем же именем, но отправка различных значений в мою HTML-форму. Как узнать, какая кнопка отправки была нажата, когда какая-либо из них была нажата с использованием JavaScript ...как,

<input type="submit" name="button1" value="1" />
<input type="submit" name="button1" value="2" />

Answer 1

Если вы не хотите использовать jquery, просто попробуйте использовать событие onclick:

<input type="submit" name="button1" value="1" onclick="showValue(this)"/>
<input type="submit" name="button1" value="2" onclick="showValue(this)"/>

Тогда в JavaScript:

function showValue(obj) {
   alert(obj.value);
}

Answer 2

Дайте им разные идентификаторы и проверьте идентификатор с помощью

 this.id;

Answer 3

Одно не очень элегантное решение - но все же одна возможность - это использовать скрытый и два или любое количество входов типа кнопки.

настроить onclick для установки скрытого и затем отправить форму.*

<form id="f1">
   <input type="button" onclick="setAndSubmit(1)" value="send 1" /> 
   <input type="button" onclick="setAndSubmit(2)" value="send 2" /> 
   <input type="hidden" name="fakebutton" id="fakebutton"/>
</form>

<script type="text/javascript">
    function setAndSubmit(n){
       $('#fakebutton').val(n);
       $('#f1').submit();
    }
}

Answer 4

В jQuery это может выглядеть следующим образом:

Сначала установите одинаковый класс для обеих кнопок:

<input type="submit" name="button1" value="1" class="myclass"/>
<input type="submit" name="button1" value="2" class="myclass"/>

Затем в javascript:

$("input .myclass").click(function() {
   var value = $(this).val();
});