How to pass the button value into my onclick event function?
Question
<input type="button" value="mybutton1" onclick="dosomething()">test
当点击按钮时会引发mybutton1函数，如何将按钮mybutton1的值传递给mybutton1函数作为参数？
5 answers
solution1
23 ACCPTED 2016-10-19 14:24:27
You can pass the value to the function using this.value , where this points to the button
<input type="button" value="mybutton1" onclick="dosomething(this.value)">
And then access that value in the function
function dosomething(val){
console.log(val);
}
solution2
4 2016-10-19 14:27:08
Maybe you can take a look at closure in JavaScript. Here is a working solution:
<!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>
solution3
3 2016-10-19 14:24:46
You can pass the element into the function <input type="button" value="mybutton1" onclick="dosomething(this)">test by passing this. Then in the function you can access the value like this:
function dosomething(element) {
console.log(element.value);
}
solution4
0 2018-03-24 13:22:51
You can get value by using id for that element in onclick function
function dosomething(){
var buttonValue = document.getElementById('buttonId').value;
}
solution5
0 2018-12-17 05:48:57
You can do like this.
<input type="button" value="mybutton1" onclick="dosomething(this)">
function dosomething(element){
alert("value is "+element.value); //you can print any value like id,class,value,innerHTML etc.
};
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.