1. ホーム
  2. javascript

[解決済み] onClickで、クリックされたボタンのIDを取得する。

2022-03-14 22:16:59

質問

クリックされたボタンのidはどのように見つけるのですか?

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

function reply_click()
{
}

解決方法は?

関数のパラメータとして、IDを送信する必要があります。このようにします。

<button id="1" onClick="reply_click(this.id)">B1</button>
<button id="2" onClick="reply_click(this.id)">B2</button>
<button id="3" onClick="reply_click(this.id)">B3</button>
    
<script type="text/javascript">
  function reply_click(clicked_id)
  {
      alert(clicked_id);
  }
</script>

これは、IDを送信します。 this.id として clicked_id というように、関数内で使用することができます。 実際の動作はこちらでご確認ください。