如何默认勾选并隐藏WooCommerce Stripe结账保存卡片复选框

方案1：前端CSS+JS组合（快速生效） #

直接隐藏复选框及其标签，同时确保勾选状态并触发Stripe的状态检测：

add_action( 'wp_footer', function () { ?>
<style>
    /* 彻底隐藏复选框和对应标签 */
    #wc-stripe-new-payment-method,
    label[for="wc-stripe-new-payment-method"] {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -9999px !important;
    }
</style>
<script>
    jQuery(document).ready(function($) {
        const $saveCheckbox = $('#wc-stripe-new-payment-method');
        // 强制设置勾选状态
        $saveCheckbox.prop('checked', true);
        // 触发change事件，让Stripe网关识别状态变更
        $saveCheckbox.trigger('change');
    });
</script>
<?php } );

方案2：后端钩子修改字段（更稳定） #

绕过前端操作，直接在WooCommerce渲染支付字段时修改属性，避免JS冲突：

add_filter( 'woocommerce_payment_gateway_fields', 'force_enable_stripe_save_payment', 15, 2 );
function force_enable_stripe_save_payment( $fields, $gateway ) {
    // 仅对Stripe网关生效
    if ( 'stripe' !== $gateway->id ) {
        return $fields;
    }

    // 定位到保存支付方式的复选框字段
    if ( isset( $fields['wc-stripe-new-payment-method'] ) ) {
        // 默认勾选
        $fields['wc-stripe-new-payment-method']['default'] = 1;
        // 修改为隐藏字段，确保提交时带值
        $fields['wc-stripe-new-payment-method']['type'] = 'hidden';
    }

    return $fields;
}

关键注意点 #

1. 合规优先：务必保持结账页面的明确告知文本，符合支付卡行业合规要求。
2. 字段ID验证：不同版本的Stripe插件可能修改字段ID，可通过浏览器开发者工具确认当前页面的复选框ID是否为wc-stripe-new-payment-method。
3. 触发状态变更：前端方案中必须调用trigger('change')，否则Stripe的JS不会同步复选框状态，导致无法保存卡信息。

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