2017-11-14 1 views
1

私はブートストラップを使ってトグルスイッチを作成しました。次のようにそれのためのコードは次のとおりです。私のアプリケーションでブートストラップトグルを使用してファンクションを呼び出すにはどうすればよいですか?

<label > 
    Automatic Refresh: 
</label> 
<input class="pull-right" data-size="mini" type="checkbox" data- 
toggle="toggle"> 

、私はボタンが「オン」のとき自動リフレッシュ機能を呼び出し、トグルボタンが「オフ」であるとき、自動更新をオフにしたいです。 実験目的のために、setInterval()とclearInterval()を使用して、それぞれOnとOnを切り替えます。 トグルがオンのときに実行する必要があり、コードは次のとおりです。次のようにトグルがオフに設定されているときに実行すべきコードがある

var int = setInterval(function(){ alert("Hello"); }, 1000); 

clearInterval(int); 

どのように機能を作るのですかトグルクリックで電話する? 私のトグルボタンを使用すると、onchangeイベントを使用することができ、このWhenToggle is OnWhen Toggle is Off

答えて

0

のように見えます。私はそれを与える

document.getElementById('data-toggle').onchange = function(e){ 

     if(e.target.checked) { 
      //Toggle is on 
     } else { 
      //Toggle is off 
     } 
}; 
+0

:この例では

、私はIDあなたのチェックボックスを与えられ、onchangeイベント(他のオプションがある)に結合することを使用しました:

<input id="data-toggle" class="pull-right" data-size="mini" type="checkbox" data- toggle="toggle"> 

Javascriptを試してフォローアップします。ありがとう – user45437

関連する問題