在Woocommerce结帐页面有一个“发货到不同的地址”复选框,我想当它被选中时,隐藏order_comments
字段(订单说明)。如果再次取消选中该复选框,则order_comments
字段应可见(取消隐藏)。
这在functions.php中是可能的吗?
发布于 2019-03-21 06:44:22
以下代码将在选中“发货到不同地址”复选框时隐藏订单注释部分字段,反之亦然:
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文件中。经过测试,效果良好。
https://stackoverflow.com/questions/55270713
复制相似问题