如何使用 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);修改类总的每个元素。尝试$(".total").eq(i).val(tot);注意：如果.total页面上有其他元素，在您正在处理的表格之外，此解决方案将不起作用。您必须先选择表格，$('table#tableid .total').eq(i)...才能解决该问题

Answer 2

这样做会导致您没有指定应该使用以下代码行具体更新哪一行：$(".total").val(tot);相反，您所做的是更新类总计中所有字段的值。