如何在购物车总金额超过特定阈值时强制账单地址与配送地址一致

<section class="cart-section optimizedCheckout-orderSummary-cartSection">
    <div data-test="cart-total">
        <div aria-live="polite" class="cart-priceItem optimizedCheckout-contentPrimary cart-priceItem--total">
            <span class="cart-priceItem-label">
                <span data-test="cart-price-label">Total (USD)  </span>
            </span>
            <span class="cart-priceItem-value">
                <span data-test="cart-price-value">$1,915.77</span>
            </span>
        </div>
    </div>
</section>

<div class="form-body">
    <div class="form-field">
        <input id="sameAsBilling" type="checkbox" class="form-checkbox optimizedCheckout-form-checkbox" name="billingSameAsShipping" value="true" checked="">
        <label for="sameAsBilling" class="form-label optimizedCheckout-form-label">My billing address is the same as my shipping address.</label>
    </div>
</div>

const priceElement = document.querySelector('[data-test="cart-price-value"]');
let cartTotalPrice = 0;

if (priceElement) {
    // 移除货币符号和逗号，然后转换为浮点数
    const priceText = priceElement.textContent.replace(/\$|,/g, '');
    cartTotalPrice = parseFloat(priceText);
}

const threshold = 500; // 定义阈值

if (cartTotalPrice > threshold) {
    // 执行强制操作
}

const sameAsBillingCheckbox = document.getElementById("sameAsBilling");

if (sameAsBillingCheckbox) {
    // 确保复选框被勾选
    if (!sameAsBillingCheckbox.checked) {
        sameAsBillingCheckbox.click(); // 模拟点击以确保其状态被更新
    }
    // 禁用复选框
    sameAsBillingCheckbox.setAttribute("disabled", "true");

    // 隐藏整个复选框选项（包括标签），通过其父元素进行操作
    const checkboxParent = sameAsBillingCheckbox.closest('.form-field');
    if (checkboxParent) {
        checkboxParent.style.display = 'none';
    }
}

document.addEventListener('DOMContentLoaded', function() {
    const priceElement = document.querySelector('[data-test="cart-price-value"]');
    const sameAsBillingCheckbox = document.getElementById("sameAsBilling");
    const threshold = 500; // 购物车金额阈值

    let cartTotalPrice = 0;

    // 1. 获取购物车总金额
    if (priceElement) {
        const priceText = priceElement.textContent.replace(/\$|,/g, '');
        cartTotalPrice = parseFloat(priceText);
    } else {
        console.warn("购物车总金额元素未找到，无法执行金额判断。");
        return; // 如果找不到金额元素，则退出
    }

    // 2. 判断金额是否超过阈值
    if (cartTotalPrice > threshold) {
        // 3. 操作复选框
        if (sameAsBillingCheckbox) {
            // 确保复选框被勾选
            // 循环点击直到确保其checked属性为true，以应对某些框架的特殊行为
            while (sameAsBillingCheckbox.checked === false) {
                sameAsBillingCheckbox.click();
            }

            // 禁用复选框，防止用户更改
            sameAsBillingCheckbox.setAttribute("disabled", "true");

            // 隐藏整个复选框选项（包括标签），针对其父级form-field
            const checkboxParent = sameAsBillingCheckbox.closest('.form-field');
            if (checkboxParent) {
                checkboxParent.style.display = 'none';
            } else {
                console.warn("复选框的父级元素.form-field未找到，无法隐藏。");
            }
        } else {
            console.warn("‘账单地址与配送地址一致’复选框未找到，无法执行操作。");
        }
    }
});