Question

我有3个类，名称为： .amount1 .amount2 .amount3

<td><input class="amount1" id="input_a" type="text" placeholder="Weekly $"></td>
<td><input class="amount2" id="input_a_ans" type="text" placeholder="Fortnightly $" readonly></td>
<td><input class="amount3" id="input_a_year" type="text" placeholder="Yearly $" readonly></td>

每个都有20个。我一直试图找出如何获得每个班级的成绩。总信息添加在一起并显示在输入（类input_week）中。我试过的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>

然后我想到这是否有效，它没有，我可以重复这个相同的代码，并改变需要加在一起的类，并让其他类＆＃39;显示在另一个输入input_fort等中的信息。我做错了什么？

Answer 1

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

如果没有预先填充数据，我会构建一个UI，允许您使用JS添加/编辑/保存行并运行计算，因为每个框都是在JS / Angular中循环遍历数据的数组/对象。

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

是否有更好的方式来显示此信息。看起来你很难开始这么做。

JS的加法和

1 个答案: