Question

因为我是JavaScript的新手。我想制作一个计算器，但我仍然坚持将按钮值输入字段。假设我有以下按钮

<input id='add' type='button' onclick='ik();'  value='1'>

和以下字段

<input type='text' id='one' class='fld'>

希望我能得到你的回复......

Answer 1

您可以随意自定义它。

＆＃13;

function ik(val){
document.getElementById('one').value = val;  
}

＆＃13;

<input id='add' type='button' onclick='ik(this.value);'  value='1'>
<input type='text' id='one' class='fld'>

＆＃13;

并且，如果要添加到当前值：

＆＃13;

function ik(val){
   result = document.getElementById('one');
   result.value = result.value? parseInt(result.value) + parseInt(val) : parseInt(val);  
}

＆＃13;

<input id='add' type='button' onclick='ik(this.value);'  value='1'>
<input type='text' id='one' class='fld'>

＆＃13;

Answer 2

虽然由于某种原因我无法看到您的代码，但如果您在帖子中包含任何内容，那么这将是实现您所描述内容的一种方式：

＆＃13;

var input = document.querySelector("#your-input-id")
var buttons = document.querySelectorAll("button.number-button")


for (i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function(event) {
    input.value = input.value + event.currentTarget.value
  })
}

＆＃13;

<input id="your-input-id" type="text" value="" />
<button class="number-button" value="2">2</button>
<button class="number-button" value="3">3</button>

＆＃13;

Answer 3

这应该做的诀窍=）

$(function () {
  $("#add").on("click", function () {
    $("#one").val($(this).val());
  });
});

Answer 4

我只是这样做。

$("#add").click(function() {
    $("#one").val($(this).val());
});

你也可以在这里看到它。 https://jsfiddle.net/8uc66vsp/

Answer 5

试试这个

<input type='text' id='one' class='fld'>
<input id='add' type='button' onclick='ik($(this).val());'  value='1'>

<script>
function ik(str){
 $("#one").val(str);
}
</script>

在按钮单击

5 个答案:

试试这个