Checkbox2Button converts checkboxes and radio inputs to user-friendly buttons, whilst ensuring that the correct values are posted back to the form.

This plugin supports both Bootstrap 3.3.7 and Bootstrap 4.0

Demo

Checkboxes

Radio Buttons

Check out the demo.

Requirements

Bootstrap Responsive Tabs requires Bootstrap v 3.3.7 or 4.0 (CSS and JavaScript) and jQuery. 

NOTE: If you are using this plugin with Bootstrap v4.0, you will need to provide your own glyphicons for the button icons.

Usage

Include the JavaScript and CSS files.

Add a the class "checkbox2button" to each "checkbox" or "form-check" div which you wish to see converted to buttons.

View the demo page for further guidance on the markup etc.

“ Invent Partners supported my cycling event with a stylish website, intuitive CMS and flexible and responsive ecommerce system. Thanks to their hard work and patience, my event sold out in hours, with riders praising the easy to use event entry system and customer service. Many thanks! ”
Danial, London Edinburgh London

Contact Us