在jquery中将表单中的数字添加到div

这里我有一个div：

<div id="divCheckbox" >
     <div class="input-group px-1 py-1" >
     <span class="input-group-addon">Wallet</span>
     <span id="amount_of_money" class="input-group-addon unique"></span>
     <span class="input-group-addon">JPY</span>
</div>

---

当我测试时，货币span amount\u中的值变为Nan，有没有办法修复它？

货币span

是一个span，不是一个输入，所以你不能使用

货币span.val（）

，你应该使用

货币span.text（）

。如果它是空的，就像第一次加载页面时一样，

parseInt（）

将返回

NaN

；您需要检查该值，并使用

0

作为其值

PaymentForm=$（“#付款”）；
PaymentForm.submit（功能（事件）{
event.preventDefault（）；
添加（）；
});
函数Add（）{
var PaymentValue=$（'input[id=PaymentValue]'）。val（）；
var编号=parseInt（PaymentValue）；
var货币量=美元（“货币量”）；
var oldmoney=parseInt（money_span.text（））；
如果（isNaN（旧货币））{
oldmoney=0；
}
如果（！isNaN（编号）&&Number>0）{
var总和=旧货币+数字；
货币文本（总和）；
}
}

钱包
日元
$
日元
提交

为什么在进行加法时使用

parseInt（PaymentValue）

而不是使用之前设置了3行的

Number

变量？

<form action="includes/Payment.inc.php" method="get" class="px-4 py-4" id="Payment" >
     <div class="input-group">
        <span class="input-group-addon">$</span>
        <input type="text" class="form-control" name="amount" aria-label="Text input with checkbox" id="PaymentValue">
        <span class="input-group-addon">JPY</span>
        <button type="submit" name="submit" class="btn btn-primary m-4 border rounded">Submit</button>
     </div>
</form>

PaymentForm.submit(function (event) {
    event.preventDefault();
    Add();
});

function Add() {
    var PaymentValue = $('input[id=PaymentValue]').val();
    var Number = parseInt(PaymentValue);
    var money_span = $("#amount_of_money");
    if(Number > 0) {
        var sum = parseInt(money_span.val()) + parseInt(PaymentValue);
        money_span.text(sum);
    }
}