Bootstrap Checkbox X Demo bootstrap-checkbox-x

Thankful to Krajee!
to get more out of us.

NOTE: The plugins on this site, strive to use a lot of CSS3 and HTML5 features in addition to JQuery. Hence, one may find either CSS3, HTML5 or a mix of both to achieve a plugin's requirements in many implementations.

An extended checkbox plugin for Bootstrap built using JQuery, which allows three checkbox states and includes additional styles. The plugin uses Bootstrap markup and CSS 3 styling by default, but it can be overridden with any other CSS markup. It also helps you to fallback to a native checkbox OR display native checkboxes with tristate capability.

With v1.5.4, the plugin now supports initializing widget on a SELECT input as well (other than a CHECKBOX or TEXT input).

Click for Demo


Basic usage examples of the CheckboxX plugin.

Click for Demo


Advanced usage examples of the CheckboxX plugin.

Click for Demo


Displaying checkboxes in various sizes (enhances and builds over bootstrap form input contextual sizes).

Click for Demo


Various label positioning methods and label styling features for the checkbox widget.

Click for Demo


Automatically highlight and style the plugin differently for various bootstrap contextual color states (i.e. error, success, and warning.)

Click for Demo


Configure your own theme to style the checkboxes. The plugin includes an additional theme krajee-flatblue in addition to the default theme. To set the theme krajee-flatblue, you must load the theme-krajee-flatblue.css file after the checkbox-x.css file. Then set the theme property to krajee-flatblue.

Click for Demo


Manage various states of the checkboxes (2 state and 3 state) and combine it with label positioning

Click for Demo


Initialize the plugin on a native TEXT input instead of a native checkbox

Click for Demo


Initialize the plugin on a native SELECT input instead of a native checkbox