javascript - 如何使用javascript添加两个文本框值

Question

这link显示了我如何尝试添加两个文本框值，但计算错误的值相加。

这是我的 javascript 代码:

$("#amount").on("input", function () 
{
    const originalDebit = $('#debit').val();
    const amount = $('#amount').val();
    const tot = parseFloat(originalDebit) + parseFloat(amount);
    $('#debit').val(tot);
});

Answer 1

您可以在执行加法之前使用 isNaN() 或为空检查该值是否为数字。在这种情况下，将 0 分配给变量。

请注意:您还必须在事件处理函数之外声明 originalDebit 以在每次更改时保留原始值:

试试下面的方法:

const originalDebit = $('#debit').val().trim();
$("#amount").on("input", function () {
  const amountVal = $('#amount').val().trim();
  const amount = (isNaN(amountVal) || amountVal == "") ? 0 : amountVal;
  const tot = parseFloat(originalDebit) + parseFloat(amount);
  $('#debit').val(tot);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="amount">
<p>D<input  value ="12345" id="debit"></p>