添加文本框值并使用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);