javascript - 如何将按钮的值发送到文本框？

Question

我想创建一个 value = "7" (string) 或 value = 7 (double) 的按钮。

我还想要一个文本框，当我单击所述按钮时，数字 7 或字符串“7”也应该写入该文本框中。

我的按钮：

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

我的文本框：

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

Answer 1

干得好：

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

从按钮对象获取 a 时.value，它总是返回一个字符串，如果它是 int 或 double 则返回事件。

希望有帮助。

Answer 2

使用以下：

<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/

Answer 3

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

Answer 4

<div class="container">
    <input type="button" name="btnSeven" id="btnSeven" value="7" onclick="getthevalue()" />
    <input type="text" name="textBox" id="textBox" value="" />
    <h3 id="res"></h3>
</div>

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