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

？それthatsの

Answer 1

のようにボタンを追加します。

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

---

EDIT：あなたはチェックボックスで作業していると、選択した場合、これは動作しますどの果物を取得しようとしている場合には

：

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

Answer 2

変更

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

へ

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

。

EDIT

この

関数GetCheckedFruits（clickedButton）{ アラートを（ "" + clickedButton.value + "ボタンがクリックされ"）てみてください。 } }

、あなたはボタンがクリックされたときにメッセージを通知したい場合、あなたはこのようなイベントを使用する必要があります。この

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