Turn checkboxes and radio buttons in toggle switches.
fork from : https://github.com/Bttstrp/bootstrap-switch.git

Emanuele d45acb52a9 Rename jade files into pug		8 年之前
dist	c821695a47 Add banner command	8 年之前
docs	61b2289187 fixed: allow users to prevent switches changing status returning false from the onSwitchChange function	10 年之前
src	d45acb52a9 Rename jade files into pug	8 年之前
.babelrc	bea6c5dce9 Upgrade karma and test code	8 年之前
.gitignore	05e5ba4d3d Deprecate CoffeeScript	8 年之前
CHANGELOG.md	ec69b5dd91 v3.3.2	10 年之前
CNAME	a3ceb86964 ...	11 年之前
CONTRIBUTING.md	05e5ba4d3d Deprecate CoffeeScript	8 年之前
LICENSE	b577074630 Licence changed to MIT as per approval process	10 年之前
README.md	3fdc5f3e0f Merge branch 'master' into develop	10 年之前
bower.json	92e17f8a2f Remove unused or testing files	8 年之前
composer.json	78ed8380b2 text and grammar revision	10 年之前
documentation-2.html	8ec020ca81 Remove duplicated id attribute	10 年之前
events.html	8ec020ca81 Remove duplicated id attribute	10 年之前
examples.html	8ec020ca81 Remove duplicated id attribute	10 年之前
index.html	78ed8380b2 text and grammar revision	10 年之前
karma.conf.js	05e5ba4d3d Deprecate CoffeeScript	8 年之前
main.html	78ed8380b2 text and grammar revision	10 年之前
methods.html	8ec020ca81 Remove duplicated id attribute	10 年之前
options.html	8ec020ca81 Remove duplicated id attribute	10 年之前
package.json	c821695a47 Add banner command	8 年之前
test.html	b7ed8f174d Build and dependency overhaul	8 年之前

Bootstrap Switch

Turn checkboxes and radio buttons into toggle switches. This library is created by Mattia Larentis and maintained by the core team, with the help of the community.

To get started, check out http://bootstrap-switch.org!

Core team

Mattia Larentis
Emanuele Marchi
you? drop me a line.

Demo and Documentation

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.

Supported browsers

IE9+ and all the other modern browsers.

LESS + SASS

Import src/less/bootstrap2/bootstrap-switch.less for version <= 2.3.2 or src/less/bootstrap3/bootstrap-switch.less for version <= 3.3.4 in your compilation stack.

Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

The new issue should contain both a summary of the issue and the browser/OS environment in which it occurs and a link to the playground you prefer with the reduced test case. If suitable, include the steps required to reproduce the bug.

Please do not use the issue tracker for personal support requests: Stack Overflow is a better place to get help.

Known issues

Make sure .form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radios

Integrations

AngularJs

Two custom directives are available:

KnockoutJs

A Knockout binding handler is available here

NuGet

A NuGet package is available here

License

Licensed under the MIT License https://github.com/nostalgiaz/bootstrap-switch/issues/347

README.md