Toggle.js: Single & Multi-state Toggle Buttons

A jQuery based toggle button builder that converts buttons, checkboxes, radio buttons, or select boxes into user-friendly single- or multi-state toggle buttons with custom on/off icons.

Example 1: makeToggleButton

Example 2: replaceCheckboxesWithButtons

From checkboxes and radio buttons:

Multi-state-buttons

Single-icon

Example 3: makeMultiStateButton

Example 4: replaceInputsWithMultiStateButtons

From dropdowns:

From checkboxes and radio buttons:

Example 5: Overriding

Options:

Option 0
State 0
State 1
State 2

And data:
Dropdowns:

Example 6: Using label classes to replace

Option 0 Option 1 Option 2

Multi-icon

Example 7: makeMultiStateButton

Example 8: replaceInputsWithMultiStateButtons

Buttons from dropdowns:

Different group of buttons from dropdowns:

Checkbox and radio buttons:

Example 9: Overriding

Do you like:

Example 10: Mixing single-icon and multi-icon buttons

Dropdowns: