You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用WooCommerce结账页面默认勾选的「寄送到其他地址」选项?

WooCommerce结账页面「寄送到其他地址」默认取消勾选的解决方法

你提到的结账页面「寄送到其他地址」默认勾选、展开冗长表单的问题,确实没法直接用CSS修改——因为checkbox的checked是HTML属性,CSS只能控制外观,改不了表单的实际状态。但可以通过以下两种代码方案解决:

方法一:用WooCommerce钩子(推荐)

这是最稳妥的方式,从后端直接修改默认值,不受前端缓存或JS影响。
把下面的代码加到主题的functions.php文件,或者自定义代码插件里:

add_filter( 'woocommerce_ship_to_different_address_checked', '__return_false' );

这段代码会直接覆盖WooCommerce的默认设置,让「寄送到其他地址」默认处于未勾选状态。

方法二:前端JS强制取消勾选

如果没法修改PHP代码,就用JS在页面加载时取消勾选,同时触发折叠事件:
把下面的代码加到主题的自定义JS区域,或者通过WordPress的脚本加载机制添加:

document.addEventListener('DOMContentLoaded', function() {
    const shipCheckbox = document.getElementById('ship-to-different-address-checkbox');
    if (shipCheckbox && shipCheckbox.checked) {
        shipCheckbox.checked = false;
        // 触发WooCommerce自带的表单折叠逻辑
        shipCheckbox.dispatchEvent(new Event('change'));
    }
});

这段代码会在页面加载完成后,定位到你提供的那个checkbox,取消勾选并触发change事件,让WooCommerce自动折叠对应的地址表单。

补充说明

你给出的HTML代码里明确写了checked="checked",说明当前默认勾选状态是后端生成的,所以优先用方法一从根源解决;方法二作为备选,适合暂时没法修改后端代码的场景。

内容的提问来源于stack exchange,提问作者mohammadhosein naserian

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 20:20:57