Jquery 将字段添加到第三个和第四个字段中,然后减去这两个字段

Jquery 将字段添加到第三个和第四个字段中,然后减去这两个字段,jquery,forms,math,Jquery,Forms,Math,我有两组表单字段。将第一组字段相加,并将总和放入第三个字段。第二盘也一样。然后,将总和的值彼此相减并放入第三个字段 我的问题是,虽然第一组字段工作正常,但第二组字段完全拒绝执行任何操作。我不确定从第三个字段开始 这是我目前拥有的前两套脚本: $('.assets-add.span3').change(function(){ var totAssets = 0; $.each($('input[class="assets-add span3"]'),function(){

我有两组表单字段。将第一组字段相加,并将总和放入第三个字段。第二盘也一样。然后,将总和的值彼此相减并放入第三个字段

我的问题是,虽然第一组字段工作正常,但第二组字段完全拒绝执行任何操作。我不确定从第三个字段开始

这是我目前拥有的前两套脚本:

$('.assets-add.span3').change(function(){
    var totAssets = 0;
    $.each($('input[class="assets-add span3"]'),function(){
        var assets_val = $(this).val();
        if(assets_val != ""){
            totAssets = totAssets += parseFloat($(this).val());
            $('.totalAssetsField').val(totAssets);
        }
    });
});
$('.loan-add.span3').change(function(){
    var totLoans = 0;
    $.each($('input[class="loan-add"]'),function(){
        var loan_val = $(this).val();
        if(loan_val != ""){
            totLoans = totLoans += parseFloat($(this).val());
            $('.total-liabilities-field').val(totLoans);
        }
    });
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
正如你所看到的,除了一些类的变化和其他什么,它们实际上是相同的。所以我不明白为什么一个有效而另一个无效。就像我说的,我也不知道第三个场应该去哪里

这里有一个可能更有意义的JSFIDLE:

class=比较整个属性值,它不仅仅检查元素是否具有指定的类,因此在您的情况下,您需要将选择器更改为

input[class="span3 loan-add"]
更好的方法是使用类选择器语法,如下所示:

$('input.loan-add')

贷款输入的选择器错误。请尝试使用$.each$'input[class=span3 loan add]'解决第二组问题,谢谢!我会一直搞砸的,看看我能不能让第三个领域发挥作用。