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

时间:2017-09-10 07:54:59

标签: javascript jquery html jquery-events

我正在尝试学习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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

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

&#13;
&#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;
&#13;
&#13;

答案 1 :(得分:1)

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

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