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.

“ From the outset, invent Partners got the balance right and were prepared to listen to our needs, whilst at the same time offering their depth of knowledge and experience. The end product we received is exceptional and has since proven its worth, fundamentally from a ‘back end’ input and management information viewpoint and importantly from a ‘front end’ consumer ease of use stance. Needless to say, we are growing our business as a result, with 80% of web business as ‘net new’. ”
Ged, Vertigrow Ltd

Contact Us

© 2025 Invent Partners Ltd | Supporters of FdA Web Design, Wakefield