在文本框中追加按钮值

Question

您好我将我的按钮值附加到文本框中，但是每次点击按钮时我的文本值都没有重置。

下面是我的代码：

$('#btn1, #btn2, #btn3, #btn4, #btn5').click(
function(){
    $('#input1').val($('#input1').val()+$(this).val());
    });
});

如果点击按钮，我会在每次点击按钮时重置文本框。

谢谢..

Answer 1

如果您想重置每次点击的输入值，您需要更改：
$('#input1').val($('#input1').val()+$(this).val());
到
$('#input1').val($(this).val());
因为您实际上将当前值与下一个单击的值连接起来 我不知道你的html是怎么回事，但我还建议你在按钮中添加value属性，并在你还没有的情况下使用你需要的值。
检查此示例：

＆＃13;

＆＃13;

$('#btn1, #btn2, #btn3, #btn4, #btn5').click(function(){
    $('#input1').val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn1" value="10">10 $</button>
<button id="btn2" value="20">20 $</button>
<button id="btn3" value="30">30 $</button>
<button id="btn4" value="50">50 $</button>
<button id="btn5" value="100">100 $</button><br><br><br>

Value donation: <input type="number" id="input1">

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用javascript的parseInt（）函数将字符串转换为Integer

点击here以了解有关javascript的parseInt（）函数的更多信息。

尝试以下代码：

$('#input1').val(parseInt($(this).val()));

如果您想添加之前选择的值，请使用以下代码：

$('#input1').val(parseInt($(this).val())+parseInt($('#input1').val()));

Answer 3

.val()返回字符串。你不能使用字符串和整数之和，你需要使用parseInt函数。

$('#input1').val(parseInt($('#input1').val()) + parseInt($(this).val()));

parseInt的小例子：

'1' + 2           // 12
parseInt('1') + 2 // 3

编辑：

$('#input1').val($(this).val());