switchery设置选中_js开关插件使用

一、简介

本篇文章介绍一个比较好使用的js开关插件Switchery，该插件的样式是ios7的滑动按钮插件，并且将很多功能加入到配置项，简单、灵活，支持的绝大部分浏览器(Chrome, Firefox, Opera, Safari, IE8+)，github地址：https://github.com/abpetkov/switchery

以下为开关样式展示：

二、使用

1.引入js

2.初始化开关样式

html元素

单个元素初始化

var elem = document.querySelector('.js-switch');var init = new Switchery(elem);

多个元素统一初始化

var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));

elems.forEach(function(html) {var switchery = newSwitchery(html);

});

带配置选项初始化

var config = {'color':'#fff'}var init = new Switchery(elem,config);

配置选项

defaults =