Dummmy Checkboxes

Here we have three examples of how to create dummy checkboxes that look a bit nicer than standard checkboxes. These examples use Font Awesome for the check icon. Also the inputs that are populated by the dummy checkboxes are shown for demonstration, really they should be hidden (type="hidden").

Single Checkbox

Just a plain old checkbox!

Multiple Checkboxes

Multiple checkboxes - you can select all if you want!

Checkbox-Style Radio Buttons

These checkboxes act like radio buttons - you can only select one!

(the initial value should be the same as your selected checkbox)