JavaScript keyup和onload來計算字段總數

Question

希望有人可以提供幫助。我正在計算使用JavaScript的兩個文本輸入。它適用於keyup。也就是說，輸入時，餘額會實時計算。但是，我希望總計不僅在計算上顯示，而且在負載上顯示，因此，當我加載頁面時，它已經計算出了字段。請別人！

這是我目前工作的JavaScript代碼KEYUP僅

<script type="text/javascript"> 
$(document).on("keyup", function() { 
var sum = 0; 
$(".totalCal").each(function(){ 
    sum += +$(this).val(); 
}); 
$("#total").val(sum); 

document.getElementById('grandTotal').innerHTML = sum.toFixed(2); 
}); 
</script> 

Answer 1

我認爲這樣的事情會工作

<script type="text/javascript"> 

    $(document).ready(calculate()); 
    $(document).on("keyup", calculate()); 

    function calculate() { 
     var sum = 0; 
     $(".totalCal").each(function(){ 
      sum += +$(this).val(); 
     }); 
     $("#total").val(sum); 

     document.getElementById('grandTotal').innerHTML = sum.toFixed(2); 
     }); 
    } 
</script> 

Answer 2

https://jsfiddle.net/L2s5yoth/

HTML：

<input type="text" value="0" class="totalCal"><br /> 
<input type="text" value="1" class="totalCal"><br /> 
<input type="text" value="2" class="totalCal"><br /> 
<input type="text" value="3" class="totalCal"><br /> 
<div id="total">0</div> 

jQuery：

$(document).ready(calculate); 
$(document).on("keyup", calculate); 

function calculate() { 
    var sum = 0; 
    $(".totalCal").each(function(){ 
     sum += +$(this).val(); 
    }); 
    $("#total").html(sum); 
}