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

Question

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

我的代码：

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

我得到的结果是

标签： javascript

Answer 1

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

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