根据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文件上。经过测试，可以正常工作。