如何获取并保存WooCommerce结账自定义字段的用户输入数据？

你的代码存在几个关键问题导致无法保存自定义字段数据，以下是修正后的完整代码及问题说明：

1. 修正结账字段显示代码（添加复选框明确值） #

add_filter( 'woocommerce_checkout_fields' , 'rws_display_checkbox_and_new_checkout_field' ); 
function rws_display_checkbox_and_new_checkout_field( $fields ) {

    $fields['billing']['have_vat_number'] = array(
        'type'      => 'checkbox',
        'label'     => __('ต้องการใบกำกับภาษี', 'woocommerce'),
        'class'     => array('form-row-wide'),
        'clear'     => true,
        'value'     => '1' // 明确复选框勾选时提交的值
    );   
    $fields['billing']['vat_name'] = array(
        'label'     => __('ชื่อ – สกุล / บริษัท', 'woocommerce'),
        'placeholder'   => _x(' ', 'placeholder', 'woocommerce'),
        'class'     => array('form-row-wide'),
        'clear'     => true
    );
    $fields['billing']['vat_number'] = array(
        'label'     => __('หมายเลขผู้เสียภาษี', 'woocommerce'),
        'placeholder'   => _x(' ', 'placeholder', 'woocommerce'),
        'class'     => array('form-row-wide'),
        'clear'     => true
    );
    $fields['billing']['vat_address'] = array(
        'type'      => 'textarea',
        'label'     => __('ที่อยู่', 'woocommerce'),
        'placeholder'   => _x(' ', 'placeholder', 'woocommerce'),
        'class'     => array('form-row-wide'),
        'clear'     => true
    );
    return $fields;

}

2. 修正显示/隐藏字段的JS代码（修复选择器+移除无效代码） #

add_action( 'woocommerce_after_checkout_form', 'rws_conditionally_hide_show_new_field', 9999 );
function rws_conditionally_hide_show_new_field() {
  wc_enqueue_js( "
      jQuery('input#billing_have_vat_number').change(function(){
         if (! this.checked) {
            jQuery('#billing_vat_name_field').fadeOut();
            jQuery('#billing_vat_name_field input').val('');
            jQuery('#billing_vat_number_field').fadeOut();
            jQuery('#billing_vat_number_field input').val(''); 
            jQuery('#billing_vat_address_field').fadeOut();
            jQuery('#billing_vat_address_field textarea').val('');
         } else {
            jQuery('#billing_vat_name_field').fadeIn();
            jQuery('#billing_vat_number_field').fadeIn();
            jQuery('#billing_vat_address_field').fadeIn();
         } 
      }).change();
  ");  
}

3. 修正数据保存代码（修复POST参数获取+完善逻辑） #

add_action('woocommerce_checkout_update_order_meta', 'rws_save_custom_checkout_field_data');

function rws_save_custom_checkout_field_data($order_id) {
    // 处理复选框状态：勾选存1，未勾选存0
    $have_vat_number = isset($_POST['billing_have_vat_number']) ? sanitize_text_field($_POST['billing_have_vat_number']) : '0';
    update_post_meta($order_id, 'Have VAT Number', $have_vat_number);

    // 仅当用户勾选复选框时，保存其他VAT字段
    if ($have_vat_number === '1') {
        if (isset($_POST['billing_vat_name'])) {
            update_post_meta($order_id, 'VAT Name', sanitize_text_field($_POST['billing_vat_name']));
        }
        if (isset($_POST['billing_vat_number'])) {
            update_post_meta($order_id, 'VAT Number', sanitize_text_field($_POST['billing_vat_number']));
        }
        if (isset($_POST['billing_vat_address'])) {
            update_post_meta($order_id, 'VAT Address', sanitize_textarea_field($_POST['billing_vat_address']));
        }
    } else {
        // 未勾选时清空已保存的VAT字段（可选，根据需求保留）
        delete_post_meta($order_id, 'VAT Name');
        delete_post_meta($order_id, 'VAT Number');
        delete_post_meta($order_id, 'VAT Address');
    }
}

关键问题说明 #

1. POST参数访问错误：WooCommerce结账字段提交时，是以billing_字段名的独立参数传递，而非嵌套在billing数组中，之前的$_POST['billing']['xxx']写法完全无法获取到值。
2. JS选择器错误：默认情况下WooCommerce生成的字段ID带billing_前缀，比如复选框ID是billing_have_vat_number，字段容器ID是billing_vat_name_field，之前的选择器缺少前缀，可能导致后续功能异常。
3. 复选框值未明确：未给checkbox设置value属性，导致提交值不规范，添加后可确保勾选时提交明确的1值。
4. 无用代码冗余：原显示/隐藏函数中尝试获取POST值的代码完全无效，因为该钩子是在前端渲染表单时触发，而非表单提交阶段，直接移除即可。

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