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

Question

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

这在functions.php中可行吗？

Answer 1

当“ship-to-different-address”复选框被选中时，以下代码将隐藏订单备注部分字段，反之亦然：

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 文件中。经过测试并且可以工作。