添加具有相同类的视图复选框(Switchery)

时间:2016-04-12 21:07:17

标签: javascript html css checkbox switchery

我尝试使用js-switch类添加到我的网站视图复选框中。 此代码使用Switchery模块。 我在下面写了我的例子:

<pre><code>http://codepen.io/Rootka/pen/bpvbNy</code></pre>

如何添加具有相同类的视图复选框 - 例如“JS-开关” 吗

1 个答案:

答案 0 :(得分:1)

使用querySelectorAll(),您可以执行以下操作来激活您的开关:

var elem = document.querySelectorAll('.js-switch');
for(var i = 0; i < elem.length; i++ ){
    new Switchery(elem[i], {className:"switchery"});
}

您现在正在使用的代码:http://codepen.io/kbkb/pen/dMmbvK