Как получить имя нажатой кнопки с помощью getElemetByName?

Question

Я пытаюсь получить значение кнопки, на которую нажали, или определить, какая кнопка была нажата.

Из приведенного ниже кода я получаю все значения, но я просто хочу, чтобы была нажата кнопка.

 <script type="text/javascript">
    function GetCheckedFruits () {
        var elements = document.getElementsByName ("fruit");
        for (var i=0; i < elements.length; i++) {
            if (elements[i].click) {
                alert ("The " + (i+1) + ". button is click");
            }
        }
    }
</script>

HTML:

<input id="Text1" name="fruit" type="button" value="apple" onclick="GetCheckedFruits ()" /><br />

<input id="Text1" name="fruit" type="button" value="banana" onclick="GetCheckedFruits ()" /><br />

<input id="Text1" name="fruit" type="button" value="blackberry" onclick="GetCheckedFruits ()" /><br />

Где я иду не так?

Answer 1

изменить

if (elements[i].click) {
     alert ("The " + (i+1) + ". button is click");
}

на

if (elements[i].type == 'button') {
    alert ("The " + elements[i].value + " button is click");
}

вот такfunction GetCheckedFruits (clickedButton) {alert («Кнопка« clickedButton.value + ». click»);}}

и добавьте подобные кнопки

<input type="button" value="Button1" onclick="{GetCheckedFruits(this);}" /> <input type="button" value="Button2" onclick="{GetCheckedFruits(this);}" /> <input type="button" value="Button3" onclick="{GetCheckedFruits(this);}" />

Answer 2

Если вы хотите предупредить сообщение при нажатии кнопки, вам нужно использовать событие, подобное этому:

<script type="text/javascript">
    function GetCheckedFruits () {
        var elements = document.getElementsByName ("fruit");
        for (var i=0; i < elements.length; i++) {
            elements[i].onclick = function() {
                // You can put anything you want here
                // the variable `this` is the clicked button
                alert ("The " + this.value + " button is click");
            }
        }
    }
</script>

---

РЕДАКТИРОВАТЬ:

В случае, если выработаем с флажками и пытаемся узнать, какие фрукты выбраны, это будет работать:

<script type="text/javascript">
    function GetCheckedFruits () {
        var elements = document.getElementsByName ("fruit");
        for (var i=0; i < elements.length; i++) {
            if (elements[i].checked == 1) {
                alert ("The " + elements[i].value + " button is click");
            }
        }
    }
</script>