使用javascript在网页上计算

时间:2013-07-23 12:31:20

标签: javascript jquery

我有一些代码,这里的人们对我有所帮助,我需要做一些修改,但我很难让它发挥作用。我已将代码添加到jsfiddle

我想再增加两个盒子来增加付款次数和保费。 (我已将它们标记为“2)

你会看到前两个方框计算子总数(总数包括我的网页上的补救工作但由于某些原因不在小提琴上)

你能帮帮忙吗?

http://jsfiddle.net/arrNe/1/

$(document).ready(function () {
    var sum = 0;
    function calcSum(prevVal) {
        var val1 = $('#val1').val();
        var val2 = $('#val2').val();
        sum = parseFloat(val1) * parseFloat(val2);
        return sum;
    }
    var subAmt = $("#sub"),
        taxAmt = $("#tax"),
        totAmt = $("#total");
    $(".val").each(function () {
        var prevVal = this.value / 1,
            self = this;

        $(this).keyup(function () {
            subAmt.val(calcSum.call(self, prevVal));
            totAmt.val(sum + sum * parseFloat(taxAmt.val() / 100));
            prevVal = self.value;

        });
    });
});

1 个答案:

答案 0 :(得分:0)

根据你上次评论我所理解的。

第三和第四个框应该有不同的ID,分别是#val3 , #val4

所以它会有点像这样。 请参阅此更新的 FIDDLE

在4个方框中分别输入值4,5,10,5,您的小计将按预期为70.

Just a note:仅在提供了所有四个字段时调用函数calcSum。把条件放在那里,否则它会返回NaN(不是数字),即使缺少一个字段。

if(val1 && val2 && val3 && val4){
    // do your calculation and return the sum
}
else{
    alert("please fill all the fields :)");
}