如何使用 JavaScript 计算表格总价并实时更新
您可以使用JavaScript来实现这个功能。您可以在输入框的onchange事件中调用一个函数,该函数获取输入框的值并计算出kyfwSum的值。以下是一个示例代码:\n\nhtml\n<tr class="tr-heji" style="display: table-row;">\n <td class="shuliang">1</td>\n <td class="jiage"><input type="text" id="jiage" value="" style="width: 50px;" onchange="calculateSum()"></td>\n <td class="zhekou">¥<input type="text" id="zhekou" value="0" style="width: 50px;" onchange="calculateSum()"></td>\n <td class="heji">0.00</td>\n</tr>\n\n<script>\n function calculateSum() {\n var jiage = parseFloat(document.getElementById("jiage").value);\n var shuliang = parseFloat(document.querySelector(".shuliang").innerHTML);\n var zhekou = parseFloat(document.getElementById("zhekou").value);\n var kyfwSum = (jiage * shuliang) - zhekou;\n document.querySelector(".kyfwSum").innerHTML = kyfwSum.toFixed(2);\n }\n</script>\n\n\n在这个示例中,我们使用了parseFloat()函数将输入框的值转换为浮点数。然后,我们使用querySelector()方法获取shuliang的值,并计算kyfwSum的值。最后,我们使用toFixed()方法将kyfwSum的值保留两位小数,并将其赋值给kyfwSum的单元格。
原文地址: https://www.cveoy.top/t/topic/pJGm 著作权归作者所有。请勿转载和采集!