javascript中的onclick eventlistener多輸入和多輸出

想問：例如，我有多個按鈕，當我點擊任何人，值將顯示在結果文本框和輸入文本框將返回到0，需要在檢查我的代碼幫助：javascript中的onclick eventlistener多輸入和多輸出

document.getElementById("plusthevalue").addEventListener('click',function plus() 
{ 
    var inputvalue = document.getElementById("Input"); 
    var resultvalue = document.getElementById("Result"); 
    document.write("Result").value = inputvalue + resultvalue; 
    document.write("Input").value ="0"; 

});

，如果我想寫一個語句可以包括所有的按鈕，將顯示輸出靠上的按鈕，如何將代碼會是什麼？ P/S：我知道我能刻苦努力，直到每一個按鈕i碼功能，但是這將是非常混亂，我想包括所有:(

來源

2016-08-06 Hollow Looi

這是有點難以理解你想要達到的目標，但是除了語言障礙之外 - 讓我們試試看！我建議循環遍歷所有需要附加的addEventListener的按鈕。這將允許您爲每個按鈕運行上述功能，而無需爲每個按鈕創建單獨的事件偵聽器。 – adamj

順便說一句，爲什麼你不使用jQuery來實現這一點更容易？我只是這樣說，因爲你有這個標籤爲'jQuery'，但是本地做到這一點：http://api.jquery.com/jquery.each/ – adamj

@adamj嗯我想達到的是：我有按鈕a， b，c。如果我點擊按鈕a，文本框將顯示一個，如果我點擊一個然後b然後c，文本框將顯示abc。我知道我可以爲每個按鈕做一個功能，但無論如何將它與addeventlistener結合起來並完成它？ –

您可以將您的所有按鈕的某一類，然後使用document.querySelectorAll('.myclass')搶。所有的人，那麼你可以通過循環的結果，事件監聽器添加到他們每個人的

例：

var myButtons = document.querySelectorAll('.myclass'); 
for (i = 0; i < myButtons.length; ++i) { 
    myButtons[i].addEventListener('click', function(e) { 
     // Do stuff 
    } 
}

更多信息，請參見https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll約querySelectorAll

來源

2016-08-06 13:19:58

如何將按鈕分配給某個類？ –

–

好的......但如何指定一些值的文本框，而點擊一些按鈕？我已經做了一些編碼，但它似乎不工作:( –

javascript中的onclick eventlistener多輸入和多輸出

回答

相關問題