Блог

У меня есть несколько пользовательских полей при оформлении заказа Woocommerce, которые отображаются при установке флажка:

 add_action( 'woocommerce_after_checkout_form', 'hide_show_new_field', 9999 );
  
function hide_show_new_field() {
    
  wc_enqueue_js( "
      jQuery('input#checkbox_trigger').change(function(){
           
         if (! this.checked) {
            
            jQuery('#field1_field').fadeOut();
            jQuery('#field2_field input').val('');
            jQuery('#field3_field').fadeOut();
            jQuery('#field4_field input').val('');
        
            
         } else {
            /
            jQuery('#field1_field').fadeIn();
            jQuery('#field2_field').fadeIn();
            jQuery('#field3_field').fadeIn();
            jQuery('#field4_field').fadeIn();
            
         }
           
      }).change();
  ");
       
}
 

Мне нужно добавить новый флажок (назовем его checkbox2), который также будет отображаться, когда флажок установлен

 $fields['billing']['checkbox2'] = array(
    'type'      => 'checkbox',
    'label'     => __('We will see this checkbox when the checkbox_trigger is checked', 'woocommerce'),
    'class'     => array('form-row-wide'),
    'clear'     => true
); 
 

Есть ли способ сделать это?