2016-04-12 7 views
0

js-switchクラスで私のウェブサイトビューのチェックボックスに追加しようとしました。 このコードはSwitcheryモジュールを使用しています。 私は以下の私の例を書いた:同じクラスのビューチェックボックスを追加する(Switchery)

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

を同じクラスで、ビューのチェックボックスを追加する方法 - 例えば"js-switch"?アクティブあなたのスイッチに次の操作を行うことができquerySelectorAll()

+0

あなたは、あなたが要素の配列を取得します 'querySelectorAll'を使用する必要があります。 – kabaehr

答えて

1

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

は、あなたの今働いcodepen:http://codepen.io/kbkb/pen/dMmbvK

+0

私の場合、このコードは機能しません。最初の1つのチェックボックスだけが私の望むように見えます(Switcheryモジュールのスタイル)。私はあなたのコードを機能に入れて、私はそれを呼びましたが、これは何か間違っています... –

+1

私はあなたのコードを追加しました。 – kabaehr

関連する問題