jQuery表单动态计算：实现下拉菜单选项变更的价格联动更新

// 定义一个函数，用于处理屋顶价格及其相关总价的计算和更新
function handleRoofPriceChange() {
  // 根据下拉菜单的选中项（selectedIndex）计算屋顶价格
  // roofCompInput 是对 <select id="roof-complexity-type"> 的 jQuery 引用
  const selectedIndex = roofCompInput.prop("selectedIndex");
  let roofBasePricePerSqft;

  switch (selectedIndex) {
    case 1: // Simple
      roofBasePricePerSqft = 18;
      break;
    case 2: // Moderate
      roofBasePricePerSqft = 20;
      break;
    case 3: // Complex
      roofBasePricePerSqft = 24;
      break;
    default:
      // 如果没有选中有效选项（例如"Select an Option"），可以设置默认值或清空
      roofBasePricePerSqft = 0;
      break;
  }

  // 计算屋顶价格
  // calcRoofSqftInput 是对 Calculated Roof Square Footage 输入框的 jQuery 引用
  // systemSizeInput 是对 System Size 输入框的 jQuery 引用
  // moneyFormat 是一个用于格式化货币的工具
  roofPriceBeforeItc.val(
    moneyFormat.format(
      +calcRoofSqftInput.val() * roofBasePricePerSqft +
      2000 * +systemSizeInput.val().replace(" kW", "")
    )
  );

  // 检查屋顶价格是否为0，以及Powerwall价格是否为0，然后计算总价、ITC和最终成本
  // pwrWallPriceBeforeItc 是对 Powerwall Price Before Incentives 输入框的 jQuery 引用
  // estTotalBeforeItc 是对 Estimated Total Price Before Incentive 输入框的 jQuery 引用
  // estItc 是对 Estimated Solar ITC 输入框的 jQuery 引用
  // totalCostInput 是对 Total Cost 输入框的 jQuery 引用
  if (roofPriceBeforeItc.val() !== moneyFormat.format(0) && pwrWallPriceBeforeItc.val() === moneyFormat.format(0)) {
    pwrWallPriceBeforeItc.val(moneyFormat.format(0)); // 确保Powerwall价格为0
    estTotalBeforeItc.val(roofPriceBeforeItc.val()); // 估算总价等于屋顶价格

    // 计算ITC (26%的税收抵免)
    const totalBeforeItcValue = +estTotalBeforeItc.val().replace(/[^\d\.]/g, "");
    estItc.val(moneyFormat.format(totalBeforeItcValue * 0.26));

    // 计算最终成本
    const itcValue = +estItc.val().replace(/[^\d\.]/g, "");
    totalCostInput.val(moneyFormat.format(totalBeforeItcValue - itcValue));
  } else if (roofPriceBeforeItc.val() !== moneyFormat.format(0) && pwrWallPriceBeforeItc.val() !== moneyFormat.format(0)) {
    // 如果Powerwall价格不为0，需要将Powerwall价格也计入总价
    const roofPrice = +roofPriceBeforeItc.val().replace(/[^\d\.]/g, "");
    const powerwallPrice = +pwrWallPriceBeforeItc.val().replace(/[^\d\.]/g, "");
    const totalBeforeItc = roofPrice + powerwallPrice;
    estTotalBeforeItc.val(moneyFormat.format(totalBeforeItc));

    estItc.val(moneyFormat.format(totalBeforeItc * 0.26));
    const itcValue = +estItc.val().replace(/[^\d\.]/g, "");
    totalCostInput.val(moneyFormat.format(totalBeforeItc - itcValue));
  }
}

$(document).ready(function () {
  // 当屋顶复杂性类型下拉菜单的值改变时，调用计算函数
  roofCompInput.change(handleRoofPriceChange);

  // ... 其他初始化代码和事件绑定 ...
});

// 假设 pwrWallBattPlusBtn 是 Powerwall 增加按钮的 jQuery 引用
// pwrWallBattInput 是 Powerwall 数量输入框的 jQuery 引用
pwrWallBattPlusBtn.click(function () {
  if (pwrWallBattInput.val() < 10) { // 假设最大数量为10
    pwrWallBattInput.get(0).value++; // 增加Powerwall数量
  }
  handleRoofPriceChange(); // 数量改变后，重新计算所有价格
});

// 类似地，Powerwall 减少按钮也需要调用
pwrWallBattMinusBtn.click(function () {
  if (pwrWallBattInput.val() > 0) { // 假设最小数量为0
    pwrWallBattInput.get(0).value--; // 减少Powerwall数量
  }
  handleRoofPriceChange(); // 数量改变后，重新计算所有价格
});

// 甚至可以在表单加载时，进行一次初始计算，确保默认值正确显示
$(document).ready(function () {
  // ... 其他初始化代码 ...
  handleRoofPriceChange(); // 页面加载时进行一次初始计算
});