Question

我想创建一个值为“7”（字符串）或值= 7（双精度）的按钮。

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

我的按钮：

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

我的textBox：

<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;
    });
}

从按钮对象获取.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

<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;
    });
};

Answer 4

函数getthevalue（）{ document.getElementById（'btnSeven'）。addEventListener（'click'，function（）{ document.getElementById（'textBox'）。value = document.getElementById（'textBox'）。value + document.getElementById（'btnSeven'）。value; }）};

如何将按钮值发送到textBox？

4 个答案: