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);

添加文本框值并使用javascript显示它

2 个答案: