首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >根据Woocommerce结帐中的复选框显示隐藏订单备注字段

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

Stack Overflow用户
提问于 2019-03-21 05:50:31
回答 1查看 314关注 0票数 0

在Woocommerce结帐页面有一个“发货到不同的地址”复选框,我想当它被选中时,隐藏order_comments字段(订单说明)。如果再次取消选中该复选框,则order_comments字段应可见(取消隐藏)。

这在functions.php中是可能的吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-21 06:44:22

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

代码语言:javascript
复制
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文件中。经过测试,效果良好。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55270713

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档