Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Checkbox with input field inside label

gregs_legs pro asked 7 years ago


Hi, I have some checkboxes with the <input> inside the <label> ( e.g. the 'Create Account' button on (logged out) Woocommerce Checkout page).  I don't wish to change the markup but after many hours of trying I can't get them to work.  I can do the CSS but the checkbox doesn't respond when clicked.  What am I missing ?

The markup:

<p id="checkbox1_field">
  <label class="checkbox">
    <input type="checkbox" class="input-checkbox " name="checkbox1" id="checkbox1">
    Classic checkbox
   </label>
</p>

 

Thanks

G



                
                  

gregs_legs pro answered 7 years ago


I found a way to modify the mark-up using the filter woocommerce_form_field_checkbox. So I'm fixed.  Sometime is helps just to ask the question :-)

                    
                      

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags