jquery.switcher v1.2.3

jquery.switcher v1.2.3

Custom checkbox / radio button in jquery

see live example here

How to get it

git clone git://github.com/djanix/jquery.switcher.git

or

bower install jquery.switcher

Browser support

Firefox, Chrome, Safari, iOS, Android, IE9+

What to include in your html

<link rel="stylesheet" href="path/to/switcher.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="path/to/switcher.min.js"></script>

How to initialize the plugin

<input type="checkbox" name="switchName" value="switchValue" />

$(function () {
    var switcherEl = $('input').switcher();
});

Params

You can change the parameters in the javascript when instantiating the plugin

var switcherEl = $('input').switcher({
    style: "default",
    selected: false,
    language: "en",
    disabled: false
});

You can also change it in the html

<input type="checkbox" name="switchName" value="switchValue"
    data-style="default"
    data-selected="false"
    data-language="en"
    data-disabled="false" />

Public methods

Set value

switcherEl.switcher('setValue', true);

Set disabled

switcherEl.switcher('setDisabled', true);

Set language

switcherEl.switcher('setLanguage', true);

Get language

switcherEl.switcher('getLanguage', function (language) {
  var languageValue = language;
});

Import language json file

switcherEl.switcher('setLanguage', {jsonObject});

• the json object need to follow this structure:

{
    en: {
        yes: 'yes',
        no: 'no'
    },
    fr: {
        yes: 'oui',
        no: 'non'
    }
}