Question

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

这是我的HTML和JS：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

$(this).val().toString中有一个类型 toString是一个函数，我相信其目的是将其称为$(this).val().toString()

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

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

2 个答案: