php - 根据选中的单选按钮显示或隐藏 WooCommerce 结帐字段

Question

亲爱的，

我正在使用代码片段插件将我的代码添加到我的电子商务项目，我在我的送货选项中有取货和送货插件，我想做的是，一旦我选择取货选项，客户地址信息字段将是隐藏如果选择从餐厅取货，让它出现是不合逻辑的，并且是强制性的。

snippet return error syntax error, unexpected '(', expecting variable (T_VARIABLE) 或 '{' 或 '$'它与替换 相关，但那也不起作用，抱歉让我感到困惑，我是编程新手，期待得到您的支持我的项目结帐页面。 https://www.order.ramadaencorekuwait.com/checkout-2/

 $(document).ready(function() {
  $('input').change(function() {
    if ($('input[value="pickup"]').is(':checked') && $('input[value="delivery"]').is(':unchecked')) {
      $('input[value="billing_address_4"]').hide();
    }
    else {
      $('input[value="billing_address_4"]').show();
    }
  });
});

谢谢。

Answer 1

您的代码中有一些错误。使用以下命令根据单选按钮选择显示/隐藏自定义结帐字段:

add_action('wp_footer', 'custom_checkout_js_script');
function custom_checkout_js_script() {
    if( is_checkout() && ! is_wc_endpoint_url() ) :
    ?>
    <script language="javascript">
    jQuery( function($){
        var a = 'input[name="pi_delivery_type"]:checked',
            b = 'input[name="billing_address_4"]';

        // Custom function that show hide specific field, based on radio input value
        function showHideField( value, field ){
            if ( value === 'pickup' ) {
                $(field).parent().parent().hide();
            } else {
                $(field).parent().parent().show();
            }
        }

        // On start after DOM is loaded
        showHideField( $(a).val(), b );

        // On radio button change live event
        $('form.woocommerce-checkout').on('change', a, function() {
            showHideField( $(this).val(), b );
        });
    });
    </script>
    <?php
    endif;
}

代码进入事件子主题(或事件主题)的 functions.php 文件。经过测试并有效。