javascript - 如何添加文本字段的值

Question

我有下面的表格。使用按钮，文本字段中的值应该增加或减少。减少按钮工作正常，但增加按钮只是在数字末尾附加一个“10”，因此 100 将变为 10010，而不是 110。有人可以告诉我如何解决这个问题吗？

<form name="hello" id="hello">
<table border=0>
<tr>
<td width=200>
<input type=text id="input" style="height: 30px; width: 200px" name=amount value=5>
</td>
<td>
<table border=0>
<tr height=12><td width=20>
<input type=button value="+" style="height: 15px; width: 25px; text-align:center; vertical-align:center; font-size:8px;" onClick="javascript:this.form.amount.value+=10;">
</td></tr>
<tr height=12><td width=20>
<input type=button value="-" style="height: 15px; width: 25px; text-align:center; vertical-align:center; font-size:8px;" onClick="javascript:this.form.amount.value-=10;">
</td></tr>
</table>
</td>
</tr>
</table>
</form>

Answer 1

您的 JavaScript 将其视为字符串连接。将值解析为 int，进行数学计算，然后设置值。

+ 按钮的 onClick

onClick="javascript: this.form.amount.value = parseInt(this.form.amount.value, 10) + 10;"