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

Thomas Grainger e91c403809 Merge pull request #489 from regepan/fix-document 8 år sedan
dist ae3c4eaad2 moved 'preOoptions' outside the @options because of semantic stuff: the user should not set these values 10 år sedan
docs 61b2289187 fixed: allow users to prevent switches changing status returning false from the onSwitchChange function 10 år sedan
src 8ec020ca81 Remove duplicated id attribute 10 år sedan
test ae3c4eaad2 moved 'preOoptions' outside the @options because of semantic stuff: the user should not set these values 10 år sedan
.bowerrc ec69b5dd91 v3.3.2 10 år sedan
.gitignore 559d323e43 added .idea to .gitignore 10 år sedan
CHANGELOG.md ec69b5dd91 v3.3.2 10 år sedan
CNAME a3ceb86964 ... 12 år sedan
CONTRIBUTING.md 226ac19a9f changed build folder to dist, updated CONTRIBUTING, updated wrapperClass, added modifierClass methods 11 år sedan
LICENSE 40c9d7eb1d welcome 12 år sedan
README.md 3fdc5f3e0f Merge branch 'master' into develop 10 år sedan
bower.json 78ed8380b2 text and grammar revision 10 år sedan
coffeelint.json 4b8aa42417 updated npm packages, updated to version 3.0.1 11 år sedan
composer.json 78ed8380b2 text and grammar revision 10 år sedan
documentation-2.html 8ec020ca81 Remove duplicated id attribute 10 år sedan
events.html 8ec020ca81 Remove duplicated id attribute 10 år sedan
examples.html 8ec020ca81 Remove duplicated id attribute 10 år sedan
gulpfile.coffee db485bb9f7 plumber and notify for gulp 10 år sedan
index.html 78ed8380b2 text and grammar revision 10 år sedan
karma.json 61b2289187 fixed: allow users to prevent switches changing status returning false from the onSwitchChange function 10 år sedan
main.html 78ed8380b2 text and grammar revision 10 år sedan
methods.html 8ec020ca81 Remove duplicated id attribute 10 år sedan
options.html 8ec020ca81 Remove duplicated id attribute 10 år sedan
package.json db485bb9f7 plumber and notify for gulp 10 år sedan
test.html 047654862b bootstrap 3.3.4, form-control margin reset 10 år sedan

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

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

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