Topic: Checkbox with input field inside label

gregs_legs pro asked 5 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





gregs_legs pro answered 5 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.


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



Specification of the issue

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