Krajee

Bootstrap Checkbox X Demo

  1. Home
  2. Bootstrap Checkbox X
  3. Demo
Star Fork Watch Follow
Thankful to Krajee! BUY A COFFEEor 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)

Basic Usage

Click for Demo
Basic usage examples of the CheckboxX plugin.

Advanced Usage

Click for Demo
Advanced usage examples of the CheckboxX plugin.

Sizes

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

Label Positions

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

Contextual Colors

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

Theming

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.

Checkbox States

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

Text Input

Click for Demo
Initialize the plugin on a native TEXT input instead of a native checkbox

Select Input

Click for Demo
Initialize the plugin on a native SELECT input instead of a native checkbox

Comments & Discussion

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.

 
visitors to Krajee Jquery Plugins since 22-May-2017