javascript - 使用 jQuery 隐藏列的 "0"值，直到发生事件

Question

我正在使用一张大 table 。现在，当用户输入数量和价格值时，将计算总值并显示在列中。但是，当计算第一个结果时，“总计值”列中的每个单元格都会填充“0.00”。如何隐藏每行的默认值直到计算结果？我对 jQuery 比较陌生。

function calculate() {
jQuery(document).ready(function ($) {
    var tbl = $(document.getElementById('21.125-mrss-cont-none-content'));
    tbl.find('tr').each(function () {
        $(this).find("input[name$='9#if'], input[name$='7#if']").bind("keyup", function () {
            calculateProduct();
            autoNum();
        });
    });

    function calculateProduct() {
        var tbl = $(document.getElementById('21.125-mrss-cont-none-content'));
        tbl.find('tr').each(function () {
            var product = $(this).find("input[name$='7#if']").val() * $(this).find("input[name$='9#if']").val();
            $(this).find("input[name$='9#if'], input[name$='7#if']").each(function () {
                if (!isNaN(this.value) && this.value.length != 0) {
                    parseFloat(product);
                }
            });
            $(this).find('.total').val(product.toFixed(2));
        });
    }

Answer 1

您可以做的是将总计列的默认值设置为空白(“”)。然后，当您确实有一些数据要显示时，只需将该数据写入该列即可。