Bootstrap Checkbox X Demo

Thankful to Krajee!
to get more out of us.

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).

Tip

Not seeing the updated content on this page! Hard refresh your browser to clean cache for this page (e.g. SHIFT-F5 on Windows Chrome)

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

Note

You can now visit the Krajee Webtips Q & A forum for searching OR asking questions OR helping programmers with answers on these extensions and plugins. For asking a question click here. Select the appropriate question category (i.e. Krajee Plugins) and choose this current page plugin in the question related to field.

The comments and discussion section below are intended for generic discussions or feedback for this plugin. Developers may not be able to search or lookup here specific questions or tips on usage for this plugin.