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.

“ Just wanted to send a quick 'thank you' to the Invent Partners team for all your help and support. I love the design of our new site and really appreciate the great service you provided at every stage - you turned a daunting project into one that I really enjoyed! Thanks again. ”
Lou, Advanced Writing Solutions

Contact Us