复选框选中/未选中时均计算关联输入框值，引发NaN错误求助

问题根源 #

1. 无论复选框是否选中，calculate函数都会强制获取关联控件的值，当控件隐藏或未输入内容时，parseFloat()会返回NaN，最终导致计算结果异常。
2. 代码中存在sumW重复赋值的问题，之前的累加逻辑被后续赋值完全覆盖，失去作用。
3. console.log语句存在语法错误：format()返回的字符串没有text()方法。

修复方案 #

修改calculate函数，先判断复选框的选中状态，仅在选中时才纳入关联控件的值进行计算，同时修复变量重复赋值和语法错误：

function calculate(){
    var d = parseFloat($('#wall_t').val()) || 0;
    var sumW = 0;
    var sum = 0;

    // 遍历复选框状态（保留原有逻辑，若无需记录可删除）
    var str3 = "";
    $(':checkbox').each(function() {
        str3 += this.checked ? "1," : "0,";
    });

    // 判断控制fasad表单的复选框是否选中
    if ($('#ff1').is(":checked")) {
        // 仅在复选框选中时获取关联控件的值，用|| 0避免NaN
        var ww = parseFloat($('#fasadwidth').val()) || 0;
        var wh = parseFloat($('#fasadhigh').val()) || 0;
        var wq = parseFloat($('#wqt').val()) || 0;
        var wt = parseFloat($('#windowtype').val()) || 0;

        // 执行fasad相关计算，保留原有累加逻辑（需确保ff1是合法数值变量）
        sumW += ff1;
        sumW += wh * ww * wq;
        // 最终计算总和
        sum = d * sumW * wt;
    } else {
        // 复选框未选中时，仅计算基础值（可根据业务需求调整逻辑）
        sum = d * sumW;
    }

    $('#result').text(sum);
    // 修正console.log的语法错误
    console.log(new Intl.NumberFormat().format(sum) + ' VT');
};

关键修改点 #

• 条件化取值：只有当#ff1复选框选中时，才获取关联控件的值，避免未选中时读取无效内容。
• 默认值兜底：用|| 0确保parseFloat()解析失败时，变量不会变为NaN。
• 修复变量覆盖：移除原代码中覆盖sumW的错误赋值，将计算逻辑整合到条件分支内。
• 修正语法错误：调整console.log的写法，字符串直接拼接单位而非调用不存在的text()方法。

可选优化：将表单显示状态与复选框选中状态同步，避免状态不一致：

function openFasad(){   
    let fasadForm = $('#fasad-form');
    let checkbox = $('#ff1'); // 对应控制计算的复选框
    if (fasadForm.hasClass('n-none')) {
        fasadForm.removeClass('n-none');
        checkbox.prop('checked', true);
    } else {
        fasadForm.addClass('n-none');
        checkbox.prop('checked', false);
    }
}

内容的提问来源于stack exchange，提问作者de_native