添加&；用Javascript减去输入值

我需要使用Javascript进行加法和减法运算。我成功地将所有输入字段相加，但无法从第一个字段中减去总数。我在下面插入了一个示例，而您一开始的余额是1500，然后插入业务成本，其中有3个字段可以这样做。如前所述，我可以成功地将所有字段相加，但不能从余额中减去总金额并将其显示在正下方

添加脚本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
    }   
</script> 

$（函数（）{
$（'input'）。每个（函数（）{
$（this）.keyup（函数（）{
计算总数（$（本））；
});
});
});
函数计算器总计（src）{
var总和=0；
var sumtable=src.closest（'.sumtable'）；
sumtable.find（'input'）。每个（函数（）{
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
sumtable.find（“.total”）.html（sum.toFixed（2））；
}   

HTML

数量：

总成本：$
0

剩余总额：$
0

---

我需要添加什么来显示剩余余额

这就是你的想法：

---

这就是你的想法吗

---

您首先不是在减去这些值

$(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
        var balance = parseFloat($('.actual').val()) - sum
        sumtable.find(".balance").html(balance.toFixed(2));
    }  

   Added a `class actual` to the **Actual Amount**

---

​

首先，您没有减去这些值

$(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
        var balance = parseFloat($('.actual').val()) - sum
        sumtable.find(".balance").html(balance.toFixed(2));
    }  

   Added a `class actual` to the **Actual Amount**

---

​

只需一点提示，您可以直接使用keyup，

$（'input'）。keyup（callback）

您不需要

每个

。您想从什么地方减去它？只需一点提示，您可以直接使用keyup，

$（'input'）。keyup（callback）

你不需要

每个
。你想从什么地方减去它？是的，没错！非常感谢你！没错！非常感谢你！
$(function(){           
        $('input').each(function() {
            $(this).keyup(function(){  
                calculateTotal($(this));
            });
        });
    });

    function calculateTotal(src) {
        var sum = 0;
        var sumtable = src.closest('.sumtable');

        sumtable.find('input').each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        sumtable.find(".total").html(sum.toFixed(2));
        var balance = parseFloat($('.actual').val()) - sum
        sumtable.find(".balance").html(balance.toFixed(2));
    }  

   Added a `class actual` to the **Actual Amount**