优化电商结算：购物车金额超限时强制统一账单与配送地址的JavaScript实现

/**
 * 获取购物车总金额
 * 从带有 data-test="cart-price-value" 属性的元素中提取金额。
 * @returns {number} 购物车总金额，如果获取失败或解析错误则返回0。
 */
function getCartTotalPrice() {
    const priceElement = document.querySelector('[data-test="cart-price-value"]');
    if (priceElement) {
        // 移除所有非数字和小数点的字符，然后转换为浮点数
        const priceString = priceElement.textContent.replace(/[^0-9.]/g, '');
        return parseFloat(priceString) || 0;
    }
    return 0;
}

/**
 * 根据购物车总金额，操作“账单地址与配送地址相同”复选框。
 * 当购物车金额超过指定阈值时，强制勾选并禁用该复选框，并可选地隐藏其容器。
 * @param {number} thresholdValue 触发强制统一地址的金额阈值。
 */
function manageBillingShippingCheckbox(thresholdValue) {
    const sameAsBillingCheckbox = document.getElementById("sameAsBilling");
    // 获取复选框所在的父级容器，以便进行隐藏操作
    const checkboxContainer = sameAsBillingCheckbox ? sameAsBillingCheckbox.closest('.form-field') : null;

    const cartTotalPrice = getCartTotalPrice(); // 调用前面定义的函数获取总金额

    if (cartTotalPrice > thresholdValue && sameAsBillingCheckbox) {
        // 1. 确保复选框被选中
        if (!sameAsBillingCheckbox.checked) {
            // 直接设置 checked 属性是确保复选框状态的最稳定方式
            sameAsBillingCheckbox.checked = true;
            // 如果您的前端框架或特定需求依赖于 click 事件来触发其他逻辑，
            // 也可以使用 sameAsBillingCheckbox.click(); 但通常直接设置属性更可靠。
        }

        // 2. 禁用复选框，防止用户取消选中
        sameAsBillingCheckbox.setAttribute("disabled", "true");

        // 3. 可选：隐藏整个复选框及其标签，使UI更简洁
        if (checkboxContainer) {
            checkboxContainer.style.display = 'none';
        }
    } else if (sameAsBillingCheckbox) {
        // 如果金额不满足条件，确保复选框可用且可见
        sameAsBillingCheckbox.removeAttribute("disabled");
        if (checkboxContainer) {
            checkboxContainer.style.display = ''; // 恢复默认显示
        }
    }
}

document.addEventListener('DOMContentLoaded', function() {
    const THRESHOLD_AMOUNT = 500; // 定义金额阈值，可根据需求调整

    /**
     * 获取购物车总金额
     * @returns {number} 购物车总金额，如果获取失败则返回0
     */
    function getCartTotalPrice() {
        const priceElement = document.querySelector('[data-test="cart-price-value"]');
        if (priceElement) {
            const priceString = priceElement.textContent.replace(/[^0-9.]/g, '');
            return parseFloat(priceString) || 0;
        }
        return 0;
    }

    /**
     * 根据购物车总金额，操作“账单地址与配送地址相同”复选框。
     * 当购物车金额超过指定阈值时，强制勾选并禁用该复选框，并可选地隐藏其容器。
     * @param {number} thresholdValue 触发强制统一地址的金额阈值。
     */
    function manageBillingShippingCheckbox(thresholdValue) {
        const sameAsBillingCheckbox = document.getElementById("sameAsBilling");
        const checkboxContainer = sameAsBillingCheckbox ? sameAsBillingCheckbox.closest('.form-field') : null;

        const cartTotalPrice = getCartTotalPrice();

        if (cartTotalPrice > thresholdValue && sameAsBillingCheckbox) {
            // 确保复选框被选中
            sameAsBillingCheckbox.checked = true;
            // 禁用复选框
            sameAsBillingCheckbox.setAttribute("disabled", "true");
            // 隐藏容器
            if (checkboxContainer) {
                checkboxContainer.style.display = 'none';
            }
        } else if (sameAsBillingCheckbox) {
            // 如果金额不满足条件，确保复选框可用且可见
            sameAsBillingCheckbox.removeAttribute("disabled");
            if (checkboxContainer) {
                checkboxContainer.style.display = ''; // 恢复默认显示
            }
            // 如果默认不勾选，此处可以添加 sameAsBillingCheckbox.checked = false;
        }
    }

    // 在页面加载后立即执行地址管理逻辑
    manageBillingShippingCheckbox(THRESHOLD_AMOUNT);

    // 注意：如果购物车金额在页面加载后可能通过AJAX或其他方式动态更新，
    // 您需要监听相应的事件（例如，购物车更新事件）或在数据更新后重新调用
    // manageBillingShippingCheckbox(THRESHOLD_AMOUNT) 函数，以确保逻辑的实时性。
    // 例如，可以设置一个定时器进行周期性检查（非最佳实践，仅作演示）：
    // setInterval(() => manageBillingShippingCheckbox(THRESHOLD_AMOUNT), 3000);
});