合計值不然而改變，而子總變化

Question

我有用於子總一個js代碼和這個分總時即時改變其文本字段值的變化，因爲這字段TotalSavings和TotalVariable改變其應該改變的值爲我的TotalExpenses，但它沒有這樣做。我TotalSavings的文本框，TotalVariable和TotalExpenses是隻讀的，我怎樣才能讓我的TotalExpenses按值改變從我的子彙總：TotalSavings和TotalVariable

這裏是子總我的js代碼，

$(function() { 
    $("#Insurance, #COL, #Saveup, #SSS").keyup(function() { 
     var i = parseInt($("#Insurance").val(), 10); 
     var c = parseInt($("#COL").val(), 10); 
     var s = parseInt($("#Saveup").val(), 10); 
     var e = parseInt($("#SSS").val(), 10); 
     $("#TotalSavings").val(i + c + s + e); 
    }); 
}); 


$(function() { 
    $("#Fares, #Recreation, #OtherExpenses").keyup(function() { 
     var f = parseFloat($("#Fares").val(), 10); 
     var r = parseFloat($("#Recreation").val(), 10); 
    var o = parseFloat($("#OtherExpenses").val(), 10); 
     $("#TotalVariable").val(f + r + o); 
    }); 
}); 

這裏是我的總計js代碼，

$(function() { 
    $("#TotalSavings, #TotalVariable").keyup(function() { 
     var t1 = parseFloat($("#TotalSavings").val(), 10); 
     var t2 = parseFloat($("#TotalVariable").val(), 10); 
     $("#TotalExpenses").val(t1 + t2); 
    }); 
}); 

Answer 1

不要使用keyUp處理程序總價值計算，這一使用功能。 在爲TotalSavings和TotalVariable你的情況keyUp回調函數不會被調用，因爲變化是由腳本程序作出，而不是由用戶輸入。

$(function() { 
    $("#Insurance, #COL, #Saveup, #SSS").keyup(function() { 
     var i = parseInt($("#Insurance").val(), 10); 
     var c = parseInt($("#COL").val(), 10); 
     var s = parseInt($("#Saveup").val(), 10); 
     var e = parseInt($("#SSS").val(), 10); 
     $("#TotalSavings").val(i + c + s + e); 
     updateTotalExpenses(); 
    }); 

    $("#Fares, #Recreation, #OtherExpenses").keyup(function() { 
     var f = parseFloat($("#Fares").val(), 10); 
     var r = parseFloat($("#Recreation").val(), 10); 
    var o = parseFloat($("#OtherExpenses").val(), 10); 
     $("#TotalVariable").val(f + r + o); 
     updateTotalExpenses(); 
    }); 
}); 


function updateTotalExpenses() { 
    var t1 = parseFloat($("#TotalSavings").val(), 10); 
    var t2 = parseFloat($("#TotalVariable").val(), 10); 
    $("#TotalExpenses").val(t1 + t2); 
});