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

Mattia Larentis 362de96b09 fix onchange event, it will be triggered only if needed		vor 12 Jahren
examples	e84402b491 add tab+space interaction and update documentation	vor 12 Jahren
static	362de96b09 fix onchange event, it will be triggered only if needed	vor 12 Jahren
.gitignore	40c9d7eb1d welcome	vor 12 Jahren
LICENSE	40c9d7eb1d welcome	vor 12 Jahren
README.md	47f4ba4498 update documentation	vor 12 Jahren

Bootstrap-switch

Demo

http://www.larentis.eu/switch/

Usage

Just include Twitter Bootstrap, jQuery, Bootstrap Switch CSS and Javascript

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href="bootstrapSwitch.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="bootstrapSwitch.js"></script>

Less

If you want to use your bootstrap vars edit bootstrapSwitch.less and then compile the less file

lessc static/less/bootstrapSwitch.less static/stylesheets/bootstrapSwitch.css

Basic Example

<div class="switch">
    <input type="checkbox">
</div>

Large, small or mini

<div class="switch switch-large">  <!-- switch-large, switch-small or switch-mini -->
    <input type="checkbox">
</div>

Colors

<div class="switch" data-on="danger" data-off="warning">  <!-- primary, info, success, warning and danger -->
    <input type="checkbox">
</div>

Animation

<div class="switch" data-animated="false">
    <input type="checkbox">
</div>

Text

<div class="switch" data-on-label="SI" data-off-label="NO">
    <input type="checkbox">
</div>

HTML Text

<div class="switch" data-on-label="<i class='icon-ok icon-white'></i>" data-off-label="<i class='icon-remove'></i>">
    <input type="checkbox">
</div>

Initial values

<div class="switch">
    <input type="checkbox" checked="checked" disabled="disabled">
</div>

Event handler

$('#mySwitch').on('switch-change', function (e, data) {
    var $el = $(data.el)
      , value = data.value;
    console.log(e, $el, value);
});

Methods

$('#mySwitch').bootstrapSwitch('toggleActivation');
$('#mySwitch').bootstrapSwitch('isActive');
$('#mySwitch').bootstrapSwitch('setActive', false);
$('#mySwitch').bootstrapSwitch('setActive', true);
$('#mySwitch').bootstrapSwitch('toggleState');
$('#mySwitch').bootstrapSwitch('setState', true);
$('#mySwitch').bootstrapSwitch('status');  // returns true or false
$('#mySwitch').bootstrapSwitch('destroy');

License

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

README.md