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

Hugh Harlequin 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
dist 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
docs 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
src 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
.babelrc 9a5fdab890 make private methods truly private 8 years ago
.eslintignore 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
.eslintrc.json faf936b453 Fix tests 7 years ago
.gitignore 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
.nvmrc a8d7fe4d20 Add NVM and Travis config files 7 years ago
.travis.yml a8d7fe4d20 Add NVM and Travis config files 7 years ago
CHANGELOG.md 19275e7273 v3.4 (#699) 6 years ago
CNAME fb6b70c637 Update gh-pages CNAME 8 years ago
CONTRIBUTING.md 77a83353d7 switch to github flow 8 years ago
LICENSE b577074630 Licence changed to MIT as per approval process 9 years ago
README.md 19275e7273 v3.4 (#699) 6 years ago
bower.json 4e9180496d Allow more recent jQuery versions in bower.json 7 years ago
composer.json c4adfce257 Updated version 6 years ago
karma.conf.js 05e5ba4d3d Deprecate CoffeeScript 8 years ago
package.json 345c109f86 feat: hookElement can sync disabled status, hookElement value has type by text|on-off|boolean, hookNext can auto hook next element, Ignore .idea, Add eslintignore dist, package script cross-compatibility with Windows 2 years ago
yarn.lock 19275e7273 v3.4 (#699) 6 years ago

README.md

Bootstrap Switch

Dependency Status devDependency Status NPM Version

Turn checkboxes and radio buttons into toggle switches. Created by Mattia Larentis, maintained by Emanuele Marchi and Peter Stein with the help of the community. Compatible with Bootstrap 4, Bootstrap 3 and Bootstrap 2.

Play with demo on my fiddle.

Quick start

Several quick start options are available:

  • Download the latest release
  • Clone the repo: git clone https://github.com/Bttstrp/bootstrap-switch.git
  • Install with npm: npm install bootstrap-switch
  • Install with yarn: yarn add bootstrap-switch
  • Install with Composer: composer require components/bootstrap-switch
  • Install with Bower: bower install bootstrap-switch
  • Install with NuGet: PM> Install-Package Bootstrap.Switch (NuGet package)

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

  • For Bootstrap 2 (no longer officially supported), import src/less/bootstrap2/bootstrap-switch.less
  • For Bootstrap 3, import src/less/bootstrap3/bootstrap-switch.less

SASS/SCSS

  • For Bootstrap 4, import src/sass/bootstrap4/bootstrap-switch.scss

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

License

Licensed under the MIT License.