如何使用 javascript 在 html 表行中计算

Question

这是我从该表的另一个表中获取的表图像，我正在使用 javascript 进行一些计算。当我尝试更改数量值时，它应该乘以比率并显示在总数中。 当我更改值时，我的问题是总计的两行都显示相同的结果。

我的代码：

<script type="text/javascript">
    function calculate(id){ 
    var tot = 0;
    var qty = document.getElementsByClassName("qty");
    var rate = document.getElementsByClassName("rate");
    var total = document.getElementsByClassName("total");
for(var i = 0; i < qty.length; i++)
{
        tot = parseFloat(qty[i].value) * parseFloat(rate[i].value);
        $(".total").val(tot);
}

} 
</script>

我得到的结果是

Answer 1

当然是的。 $(".total").val(tot); 修改 class 的每个元素。 试试$(".total").eq(i).val(tot);

注意：如果页面上有其他.total元素，在您正在处理的表格之外，此解决方案将不起作用。 你必须先 select 表， $('table#tableid.total').eq(i)...来克服这个问题

Answer 2

这样做会导致您没有指定应该使用以下代码行具体更新哪一行：

$(".total").val(tot);

您所做的是更新 class 总计中所有字段的值。