Javascript：返回绑定输入，该输入是先前输入的结果

Question

我是Java语言的新手，无法理解为什么未发生绑定事件。

我有一个简单的表单，可以添加并动态更新输入的subTotal和Total。

小计可以正确更新，但是获取主要总计的唯一方法是手动更新（在小计之一中单击或写入内容）。

我也需要动态更新总数。

我使用“更改keyup keydown粘贴”作为最终总计以及小计。 我觉得这是我的问题所在，但找不到答案。

这是我的设置的小提琴： http : //jsfiddle.net/U8a8Y/

HTML：

1. Price: <input type='text' class='p1' value='0'>Rate: <input type='text' class='r1' value='0'>SUB TOTAL: <input type='text' class='tot1' value='0'><br>
2. Price: <input type='text' class='p2' value='0'>Rate: <input type='text' class='r2' value='0'>SUB TOTAL: <input type='text' class='tot2' value='0'><br>
3. Price: <input type='text' class='p3' value='0'>Rate: <input type='text' class='r3' value='0'>SUB TOTAL: <input type='text' class='tot3' value='0'><br>

4.TOTAL: <input type='text' class='total' value='0'>

JavaScript：

jQuery(function($) {     
     var p1 = $(".p1");
     var r1 = $(".r1");
     var tot1 = $(".tot1");

     var p2 = $(".p2");
     var r2 = $(".r2");
     var tot2 = $(".tot2");

     var p3 = $(".p3");
     var r3 = $(".r3");
     var tot3 = $(".tot3");

     var total = $(".total");
// SUB TOTAL
    //1.
     $([p1[0], r1[0]]).bind("change keyup keydown paste", function(e) {
            var Result1;
            Result1 = parseFloat(r1.val()) + parseFloat(p1.val());
            tot1.val(Result1);
        });
    //2.    
     $([p2[0], r2[0]]).bind("change keyup keydown paste", function(e) {
            var Result2;
            Result2 = parseFloat(r2.val()) + parseFloat(p2.val());
            tot2.val(Result2);
        });
    //3.    
     $([p3[0], r3[0]]).bind("change keyup keydown paste", function(e) {
            var Result3;
            Result3 = parseFloat(r3.val()) + parseFloat(p3.val());
            tot3.val(Result3);
        });

    //4. MAIN TOTAL
     $([tot1[0], tot2[0], tot3[0]]).bind("change keyup keydown paste", function(e) {
            var Result4;
            Result4 = parseFloat(tot1.val()) + parseFloat(tot2.val()) + parseFloat(tot3.val());
            total.val(Result4);
    }); 

});

任何关于为什么不能正常工作的提示将不胜感激。

Answer 1

您可以定义一个函数来计算总计，并在计算小计时调用它。 参见下面的查询：

jQuery(function($) {
     // input variables go here

     var p1 = $(".p1");
     var r1 = $(".r1");
     var tot1 = $(".tot1");

     var p2 = $(".p2");
     var r2 = $(".r2");
     var tot2 = $(".tot2");

     var p3 = $(".p3");
     var r3 = $(".r3");
     var tot3 = $(".tot3");

     var total = $(".total");
// SUB TOTAL
    //1.
     $([p1[0], r1[0]]).bind("change keyup keydown paste", function(e) {
            var Result1;
            Result1 = parseFloat(r1.val()) + parseFloat(p1.val());
            tot1.val(Result1);
          calculateTotal();
        });
    //2.    
     $([p2[0], r2[0]]).bind("change keyup keydown paste", function(e) {
            var Result2;
            Result2 = parseFloat(r2.val()) + parseFloat(p2.val());
            tot2.val(Result2);
          calculateTotal();
        });
    //3.    
     $([p3[0], r3[0]]).bind("change keyup keydown paste", function(e) {
            var Result3;
            Result3 = parseFloat(r3.val()) + parseFloat(p3.val());
            tot3.val(Result3);
         calculateTotal();
        });
// function to calculate total
var calculateTotal = function()
{
     var Result4;
            Result4 = parseFloat(tot1.val()) + parseFloat(tot2.val()) + parseFloat(tot3.val());
            total.val(Result4);
}   
});

演示