如何触发事件以更改输入框中的值？

Question

我正在尝试学习 HTML 和 Javascript，因此，我正在构建一个简单的计算器设备，其中所有数字和运算符都是单击的按钮，并且结果显示在输入框中。但是我遇到了问题，当单击按钮时，事件触发以在框中显示选定的数字值。

这是我的 HTML 和 JS:

var numString = "";

$('.number').click(function() {  
  numString += $(this).val().toString;
  $('input[name=display]').val(numString);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="display" name="display" disabled></input>
<button id="button1" class="number" value="1">1</button>

Answer 1

尝试使用以下代码。它应该是 .toString() 而不是 .toString

var numString = "";
$('.number').click(function() {
     numString += $(this).val().toString();
     $('input[name=display]').val(numString);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="display" name="display" disabled></input>

<button id="button1" class="number" value="1">1</button>

Answer 2

你有一个类型 $(this).val().toString toString 是一个函数，我相信本意是这样称呼它 $(this).val().toString()

修复 toString 后，您的代码将生成 1 -> 11 -> 111...

如何触发事件以更改输入框中的值？

How to Trigger event to change value in Input Box?

html

javascript

jquery

jquery-events