ekapujiw2002 / bootstrap-switch

Turn checkboxes and radio buttons in toggle switches.

Bootstrap Switch

Turn checkboxes and radio buttons in toggle switches.

Contribute

Hi, Emanuele here. I am currently the sole contributor of Bootstrap Switch and have been mantaining it for quite a considerable amount of time. The development pace is strongly affected by the personal lack of time and a missing core team behind the project. It would be nice to have someone available for clearing the list of open issues and occasionally implementing new functionalities. If interest, you can drop me a line or pick a bug, kill it and open a Pull Request against develop branch. Many thanks.

Demo and Documentation

• Examples
• Options
• Methods
• Events

Getting started

Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript:

[...]
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
[...]

Add your checkbox:

<input type="checkbox" name="my-checkbox" checked>

Initialize Bootstrap Switch on it:

$("[name='my-checkbox']").bootstrapSwitch();

Enjoy.

Less

If you want to use your bootstrap variables, include bootstrap-switch.less in your compilation stack. You can even choose among Bootstrap versions 2.3.2 or 3.. compatible source.

AngularJs

Two custom directives are available:

• angular-bootstrap-switch
• angular-toggle-switch

KnockoutJs

A Knockout binding handler is available here

NuGet

A NuGet package is available here

Supported browsers

IE9+ and all the other modern browsers.

License

Licensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0