Checkbox X – jQuery Extended Checkbox Plugin for Bootstrap

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.

Features

  1. Enhances any HTML input (preferably a checkbox or text input) with data-toggle=checkbox-x to an extended checkbox control.
  2. The plugin offers the following three states and values for the checkboxes:
    • '1': Checkbox is checked. This value is configurable through valueChecked property.
    • '0': Checkbox is unchecked. This value is configurable through valueUnchecked property.
    • '': Checkbox is indeterminate. This value is configurable through valueNull property.
  3. You can set the plugin to allow three states or the default two states for the checkbox.
  4. Specifically, uses Bootstrap 3.x styles & glyphs. One can configure the checked, unchecked, and indeterminate icons to be shown for the checkboxes.
  5. Special CSS 3 styling, to enhance the control to look like any Bootstrap 3 form control. Supports the has-error, has-success, has-warning styling states like other Bootstrap form-controls.
  6. Plugin CSS styling automatically defaults the checkboxes to inline display. You can also control the markup for block display like in checkbox lists.
  7. You can add a label before or after with an for attribute and click on the label to change the checkbox values. Alternatively, you can enclose the input within a label tag as well.
  8. Ability to navigate to the checkbox controls via keyboard, and modify the values using the space bar on the keyboard.
  9. Ability to size the checkbox control. Five prebuilt size templates are available xl,lg md, sm, and xs.
  10. Triggers Jquery events for advanced development. The plugin automatically triggers the change event for the input, whenever the checkbox value is changed via clicking. Events currently available are change and checkbox.reset.
  11. Ability to access methods and refresh the input dynamically via javascript at runtime.
  12. Disabled and read-only checkbox input support.
  13. Allow the third state to be configured (only on init) for two state checkboxes.
  14. Added support for displaying native checkboxes with tristate capability. When displaying native checkboxes, the advanced styling offered by the plugin will not be available.

Shubham Kumar

Hey, I am Shubham and i love Blogging, Coding and exploring new things and obviously sharing my experience with you.

You may also like...