【Javascript】iOSスタイルのスイッチにできるSwitch

SwitchはチェックボックスをiOSスタイルのスイッチにできるプラグイン。

インストール

<link rel="stylesheet" href="dist/switch.css" />
<script src="dist/switch.js"></script>

Usage

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

standalone version

var el = document.querySelector('.checkbox-swtich');
var mySwitch = new Switch(el, options);

standalone version

require('weatherstar-switch/dist/switch.css');
var Switch = require('weatherstar-switch');
var el = document.querySelector('.checkbox-swtich');
var mySwitch = new Switch(el, options);

Settings and Defaults

defaults = {
size             : 'default'
, checked          : undefined
, onText           : 'Y'
, offText          : 'N'
, onSwitchColor    : '#64BD63'
, offSwitchColor   : '#fff'
, onJackColor      : '#fff'
, offJackColor     : '#fff'
, showText         : false
, disabled         : false
, onInit           : function(){}
, onChange         : function(){}
, onRemove         : function(){}
, onDestroy        : function(){}
};

API

.on()

Set switch ON.

.off()

Set switch OFF.

.toggle()

Toggle switch.

.disable()

Disable events bind to switch.

.enable()

Enable events bind to switch.

.destroy()

Remove all events bind to switch.

.remove()

Remove switch form DOM and show the checkbox.
MITライセンス

 
Switch

【Javascript】iOSスタイルのスイッチにできるSwitch

  • LATEST
  • RELATED
  • POPULAR