ボタンの値をonclickイベント関数に渡すにはどうすればいいですか？

<input type="button" value="mybutton1" onclick="dosomething()">test

doSomethingの機能は、ボタンをクリックしたときに、それはパラメータだとして、どのようにdoSomethingの関数にボタンmybutton1の値を渡すことができ誘発？ボタンの値をonclickイベント関数に渡すにはどうすればいいですか？

出典

2016-10-19 it_is_a_literature

あなたはthis.value、thisポイントにを使用して関数に値を渡すことができますボタン

<input type="button" value="mybutton1" onclick="dosomething(this.value)">

そして、関数でその値にアクセス

function dosomething(val){ 
    console.log(val); 
}

出典

2016-10-19 14:24:27

これを渡すことで、要素<input type="button" value="mybutton1" onclick="dosomething(this)">testに要素を渡すことができます。関数内でこのような値にアクセスすることができます：

function dosomething(element) { 
    console.log(element.value); 
}

出典

2016-10-19 14:24:46

JavaScriptでクロージャを見ることができます。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8" /> 
 
     <title>Test</title> 
 
    </head> 
 
    <body> 
 
     <p class="button">Button 0</p> 
 
     <p class="button">Button 1</p> 
 
     <p class="button">Button 2</p> 
 
     <script> 
 
      var buttons = document.getElementsByClassName('button'); 
 
      for (var i=0 ; i < buttons.length ; i++){ 
 
       (function(index){ 
 
       buttons[index].onclick = function(){ 
 
        alert("I am button " + index); 
 
       }; 
 
       })(i) 
 
      } 
 
     </script> 
 
    </body> 
 
</html>

：ここは、実用的なソリューションであります

出典

2016-10-19 14:27:08 runit

ボタンの値をonclickイベント関数に渡すにはどうすればいいですか？

答えて

関連する問題