用javascript计算数组形式的总和

时间:2012-12-28 00:09:28

标签: javascript jquery html calculator dynamic-forms

我想以数组形式显示值的数量。我有很多表单只有一个名称是“price []”并在表单上有每个值。我想计算“price []”形式的总价值。我仍然是javascript的初学者。我想用javascript来计算它。我做了以下编码。

<html>
    <body>
        <form id="hitung" name="hitung">
            price 1 <input type="text" name="price[]" class="price" value="1000"/><br>
            price 2 <input type="text" name="price[]" class="price" value="3000"/><br>
            price 3 <input type="text" name="price[]" class="price" value="2000"/><br>
            price 4 <input type="text" name="price[]" class="price" value="1000"/><br>
            price 5 <input type="text" name="price[]" class="price" value="3000"/><br><br>
            total <input type="text" name="total" class="total"/>
        </form>
    </body>
</html>

我想再次问你,如果外面有新的输入,那么总数也会直接改变。怎么做。请帮帮我。谢谢

1 个答案:

答案 0 :(得分:2)

以下是一个示例:http://jsfiddle.net/c4UyA/1/

var sum = 0;
$("form > input[name='price[]']").each(function() {
    $this = $(this);
    sum += parseInt($this.attr("value"));
});
$("form > input[name='total']").attr("value", sum);