Javascript JS的加法和

我有3个班级，名字是： .金额1 .金额2 .金额3

每个都有20个。我一直在试图弄清楚如何将每个类的总信息添加到一起，并显示在一个输入中（每周的类输入）。我尝试过的JS是：

<script>
    $(document).ready(function(){

        $(".amount1").each(function() {

            $(this).keyup(function(){
                calculateSum();
            });
        });

    });

    function calculateSum() {

        var sum = 0;
        $(".amount1").each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }

        });
        $("#input_week").html(sum.toFixed(2));
    }
</script>

$（文档）.ready（函数（）{
$（“.amount1”）。每个（函数（）{
$（this）.keyup（function（）{
计算um（）；
});
});
});
函数calculateSum（）{
var总和=0；
$（“.amount1”）。每个（函数（）{
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
$（“#输入#周”）.html（sum.toFixed（2））；
}

---

然后我想，如果这样做行得通，我可以重复同样的代码，更改需要添加在一起的类，并将另一个类的信息显示在另一个输入框中，以此类推。我做错了什么？

如果您正在提取预填充然后编辑的数据，我建议在使用JS在页面中显示信息之前加载总计。然后点击更新总数

如果数据没有预先填充，我将构建一个UI，允许您使用JS添加/编辑/保存行，并在每个框通过JS/Angular中的数据数组/对象循环编辑时运行计算

正如@Daniel所指出的，在请求社区为您编写代码之前，您至少应该尝试解决方案并在此处显示它

---

没有更好的方式显示此信息。看起来你一开始就很难做到这一点。

Hmmm，这不是让人们为你编写代码的地方。至少自己试着让它工作起来，如果你被卡住了，请寻求帮助。你是对的。我很抱歉。我对编码很陌生，所以很可能我用了一种很难的方法。

<script>
    $(document).ready(function(){

        $(".amount1").each(function() {

            $(this).keyup(function(){
                calculateSum();
            });
        });

    });

    function calculateSum() {

        var sum = 0;
        $(".amount1").each(function() {
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }

        });
        $("#input_week").html(sum.toFixed(2));
    }
</script>