如何將按鈕值傳遞給我的onclick事件函數？
[英]How to pass the button value into my onclick event function?
問題描述
<input type="button" value="mybutton1" onclick="dosomething()">test
當點擊按鈕時會引發mybutton1函數，如何將按鈕mybutton1的值傳遞給mybutton1函數作為參數？
5 個解決方案
解決方案1
23 已采納 2016-10-19 14:24:27
您可以使用值傳遞給函數this.value ，在this指向按鈕
<input type="button" value="mybutton1" onclick="dosomething(this.value)">
然后在函數中訪問該值
function dosomething(val){
console.log(val);
}
解決方案2
4 2016-10-19 14:27:08
也許你可以看看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>
解決方案3
3 2016-10-19 14:24:46
你可以通過傳遞這個元素將元素傳遞給函數<input type="button" value="mybutton1" onclick="dosomething(this)">test 。 然后在函數中，您可以像這樣訪問值：
function dosomething(element) {
console.log(element.value);
}
解決方案4
0 2018-03-24 13:22:51
您可以通過在onclick函數中使用該元素的id來獲取值
function dosomething(){
var buttonValue = document.getElementById('buttonId').value;
}
解決方案5
0 2018-12-17 05:48:57
你可以這樣做。
<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.
};
如何為HTML Button動態設置onClick事件並傳入唯一值
[英]How to dynamically set onClick event for HTML Button and pass in a Unique Value
如何在JavaScript中將變量函數傳遞給onclick事件？
[英]how to pass a variable function to an onclick event in javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.