添加文本框值並使用javascript顯示它

Question

我正在嘗試使用javascript添加多個文本框的輸入值，並在下面顯示總數。 如何在計算后添加和保留要顯示的總和。 我不是javascript方面的專家。

Answer 1

這是一個示例，向您展示如何執行此操作：

<form name="myFormName">
    <p><input type="text" name="myInputName1" value="25.3"></p>
    <p><input type="text" name="myInputName2" value="14.2"></p>
</form>
<div id="total"></div>

<script type="text/javascript>

    var total = parseFloat(0, 10);

    total += parseFloat(document.myFormName.myInputName1.value, 10);
    total += parseFloat(document.myFormName.myInputName2.value, 10);

    document.getElementById("total").innerHTML = "Total is " + total;

</script>

Answer 2

好吧，假設您有5個文本框，其ID為text1，text2，text3，text4和text5：

var boxes = ['text1', 'text2', 'text3', 'text4', 'text5'],
    sum = 0,
    i = 0,
    len = boxes.length;

for(; i < len; ++i){
    sum += parseInt(document.getElementById(boxes[i]).value, 10); // Use parseFloat if you're dealing with floating point numbers.
}
alert(sum);