Turn checkboxes and radio buttons in toggle switches.
fork from : https://github.com/Bttstrp/bootstrap-switch.git
|
|
10 years ago | |
|---|---|---|
| dist | 10 years ago | |
| docs | 10 years ago | |
| src | 10 years ago | |
| test | 10 years ago | |
| .bowerrc | 10 years ago | |
| .gitignore | 10 years ago | |
| CHANGELOG.md | 10 years ago | |
| CNAME | 12 years ago | |
| CONTRIBUTING.md | 11 years ago | |
| LICENSE | 12 years ago | |
| README.md | 10 years ago | |
| bower.json | 10 years ago | |
| coffeelint.json | 11 years ago | |
| composer.json | 10 years ago | |
| documentation-2.html | 10 years ago | |
| events.html | 10 years ago | |
| examples.html | 10 years ago | |
| gulpfile.coffee | 10 years ago | |
| index.html | 10 years ago | |
| karma.json | 11 years ago | |
| main.html | 10 years ago | |
| methods.html | 10 years ago | |
| options.html | 10 years ago | |
| package.json | 10 years ago | |
| test.html | 10 years ago |
Turn checkboxes and radio buttons into toggle switches.
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.
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.
Two custom directives are available:
A Knockout binding handler is available here
A NuGet package is available here
IE9+ and all the other modern browsers.
.form-control is not applied to the input. Bootstrap does not support that, refer to Checkboxes and radiosLicensed under the Apache License, Version 2.0 http://www.apache.org/licenses/LICENSE-2.0