如何將按鈕的值發送到文本框？

我想創建一個value =「7」（字符串）或值= 7（雙精度）的按鈕。如何將按鈕的值發送到文本框？

另外我想要一個文本框，當我點擊所說的按鈕時，數字7或字符串「7」也應該寫入該文本框中。

我的按鈕：

<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7()" />

我的textBox：

<input type="text" name="textBox" id="textBox" value=""/>

來源

2013-10-17 mczaplicki

在這裏你去：

window.onload = function() { 
    document.getElementById('btnSeven').addEventListener('click', function(){ 
     document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSeven').value; 
    }); 
}

從一個按鈕對象得到一個.value時，它總是會返回一個字符串，如果它是int或double，則爲event。

希望有所幫助。

來源

2013-10-17 10:33:11 geevee

好了，但如果我們有更多的這兩個按鈕，我們要的是textBox中記得最後一個號碼。例如，我們點擊7按鈕，它會輸入7，然後我們clik 5按鈕，我們將有75在文本框，如何做到這一點？ – mczaplicki

我會編輯我的答案以適應 – geevee

非常感謝。現在我有另一個問題，也許你知道如何得到表達式，當我點擊btnOne - > btn0 - > btnPlus - > btn2 - > btn1 - > btnEqual我想要這個表達式：10 + 21 =並在clickt後btnEqual I想要得到這個表達式的總和，並且在文本框31中只有一個值，就像在簡單的Windows計算器中一樣。怎麼做？ – mczaplicki

使用下列內容：

<script> 
    function setText7(obj){ 
    var val = obj.value; 
    console.log(val); 
    document.getElementById('textBox').value = val; 
} 
</script> 
<input type="button" name="btnSeven" id="btnSeven" value="7" onclick="setText7(this)"> 
<input type="text" name="textBox" id="textBox" value=""/>

這裏的工作演示：http://jsfiddle.net/sh3Mz/

來源

2013-10-17 10:39:28

如何將按鈕的值發送到文本框？

回答

相關問題