固定/可变定价商品页面刷新后提交按钮状态异常修复需求

看起来你遇到的核心问题是：页面刷新后，虽然商品数量输入框显示正确，但提交按钮没有自动根据已选商品数量更新状态——明明有商品却还是禁用状态。这是因为之前的验证逻辑只在点击加减按钮时触发，页面加载完成后没有执行一次初始化检查。

下面给你一个简单直接的解决方案，不需要纠结PHP遍历两种定价类型，前端就能搞定：

1. 编写通用的状态检查函数 #

我们可以写一个函数，遍历页面上所有商品数量输入框，只要有任意一个输入框的值大于0，就启用提交按钮，否则保持禁用。

function checkSubmitButtonStatus() {
    let hasSelectedItems = false;
    
    // 遍历所有商品数量输入框（它们都有统一的.airport-value类）
    $('.airport-value').each(function() {
        const quantity = parseInt($(this).val());
        // 排除非数字的异常情况，只要有一个数量>0就标记为有商品
        if (!isNaN(quantity) && quantity > 0) {
            hasSelectedItems = true;
            return false; // 找到符合条件的就停止遍历，提升效率
        }
    });
    
    // 根据检查结果设置提交按钮的禁用状态
    $('.payment-for-airport').prop('disabled', !hasSelectedItems);
}

2. 页面加载时自动执行检查 #

在页面DOM加载完成后，调用上面的函数，完成初始化状态设置：

// 用jQuery的DOM就绪事件
$(document).ready(function() {
    checkSubmitButtonStatus();
});

// 如果是原生JS的话可以用这个：
// window.addEventListener('DOMContentLoaded', function() {
//     checkSubmitButtonStatus();
// });

3. 统一Ajax回调中的逻辑 #

原来的Ajax成功后你是单独判断total和sidebar total来设置按钮状态，现在可以直接调用这个通用函数，避免重复代码，也让逻辑更统一：

把你Ajax回调里的这段代码：

if (total > 0) { alert("price has increased lets make a payment"); $('.payment-for-airport').prop('disabled', false); }
if (data == 0) { alert("price is 0"); $('.payment-for-airport').prop('disabled', true ); }

替换成：

// 先更新按钮状态
checkSubmitButtonStatus();
// 保留你的提示逻辑（如果需要的话）
const sidebarTotal = parseInt(data);
if (sidebarTotal > 0) {
    alert("price has increased lets make a payment");
} else {
    alert("price is 0");
}

为什么这个方案可行？ #

不管是固定定价还是可变定价的商品，它们的数量输入框都使用了.airport-value这个统一的类名，所以遍历这个类就能覆盖所有商品，不需要区分定价类型。前端直接读取页面上已经渲染好的输入框值，比后端PHP遍历更高效，也完全符合你当前的场景。

如果之后你新增了其他类型的商品，只要数量输入框保持.airport-value类，这个函数就能自动适配，扩展性也很好。

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