【问题标题】:Add view checkbox with same class (Switchery)添加具有相同类的视图复选框(Switchery)
【发布时间】:2016-04-12 21:07:16
【问题描述】:

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

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

如何添加具有相同类的视图复选框 - 例如“js-switch”?

【问题讨论】:

  • 你必须使用querySelectorAll然后你会得到一个元素数组。

标签: javascript html css checkbox switchery


【解决方案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

【讨论】:

  • 此代码在我的情况下不起作用。只有第一个复选框看起来像我想要的(来自 Switchery 模块的样式)。我将您的代码放入函数中,然后调用它,这有问题...
猜你喜欢
  • 2023-03-31
  • 1970-01-01
  • 1970-01-01
  • 2020-06-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多