根据Woocommerce结帐中的复选框显示隐藏订单备注字段

Question

在Woocommerce结帐页面中有一个“发货到不同地址”复选框，我想在选中时隐藏order_comments字段（订单备注）。如果再次取消选中该复选框，则order_comments字段应该是可见的（取消隐藏）。

这在functions.php中是否可行？

Answer 1

当选中“发货到不同地址”复选框时，以下代码将隐藏订单备注部分字段，反之亦然：

add_action( 'wp_footer', 'checkout_custom_script_js');
function checkout_custom_script_js() {
    // Only on front-end and checkout page
    if( is_checkout() && ! is_wc_endpoint_url() ) :
    ?>
    <script>
    jQuery(function($){
        $('form.checkout').on( 'change', '#ship-to-different-address-checkbox', function(){
            if( $(this).prop('checked') === true )
                $('#order_comments_field').hide(); // Show
            else
                $('#order_comments_field').show(); // Hide
        })
    });
    </script>
    <?php
    endif;
}

代码在您的活动子主题（或活动主题）的function.php文件中。经过测试和工作。