单击按钮时将值附加到文本框

Question

我试图使用jquery制作计算器。但是，当我点击每个计算器按钮时，我不知道如何将值附加到文本框中。我曾尝试使用以下代码。

$(document).ready(function () {
    $("input[type=button]").on({
        click: function () {
            var nn = $(this).val();
            $("#text-box-id").val(nn);
        }
     })
});

请帮我解决这个问题。

Answer 1

使用文本框值连接您的值以避免替换。

$("input[type=button]").on({
                     click: function () {
                       var  nn =  $(this).val().toString();
                       var txtval=$("#text-box-id").val().toString();
                       $("#text-box-id").val(txtval + nn);
                     }
    })

Answer 2

我不确定我完全理解，但我认为我理解的是你想要添加更多数字而不是覆盖？

$(document).ready(function () {
     $("input[type=button]").on({
             click: function () {
               var  nn =  $(this).val();

              $('#text-box-id').val($('#itext-box-id').val() + nn);

             }
     })
         });