Question

我有一个用户动态添加或删除的项目，数量，价格字段的表单。现在我想在表格中添加小计和总计。

到目前为止，我已经能够使用以下代码，但这只是第一行的小计，而不是其余行的小计，也需要总计。

Javascript：

function totalprice()
{
    a = document.form1.quantity.value
    b = document.form1.price.value

    c = a * b

    document.form1.total.value = c
}

HTML：

<form action="here.php" method="post" name="form1">
    Quantity: <input name="quantity" size="10">Price: <input name="price" size="10" onblur="totalprice();"><br>
    Total: <input name="total" size="10" readonly=true><br>
    <input type="submit" value="Submit">
</form>

Answer 1

假设您没有其他形式：

function SetTotals()
{

// Overall total.
var total = 0;

//  Get all forms for individual items.
var formArray = document.getElementsByTagName("form");

//  Loop all forms setting the total foreach item and incrementing the total value.
for (var i in formArray)
{
var form = formArray[i];

// Set value total value for this form.
form.total.value = form.quantity.value * form.price.value;

// Increment total for all forms.
total += form.total.value;
}

// All forms looped that total obtained, set it on the total value element.
document.getElementById("<The total element id>").value = total;
}

和我的答案一样，我没有测试过，但原则是正确的。如果您在文档中有其他类型的表单，那么应该单独检查表单的正确类型（也许应该完成）。

如何汇总小计字段以计算总计？

1 个答案: