如何使用 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);

相反，您所做的是更新类总计中所有字段的值。