2017-11-14 4 views
1

부트 스트랩을 사용하여 토글 스위치를 만들었습니다. 내 응용 프로그램에서부트 스트랩 토글을 사용하여 funciton을 호출하는 방법?

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

, 나는 버튼을 "On"으로 때 자동 새로 고침 기능을 호출하고 토글 버튼은 "오프"인 경우 자동 새로 고침을 끄려면 다음과 같이 그것의 코드입니다. 실험 목적으로 setInterval() 및 clearInterval()을 사용하여 각각 On 및 On 토글을 전환합니다.

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

는 다음 토글이 Off로 설정되어있을 때 실행해야하는 코드가 될 때 : I 함수를 어떻게해야합니까

clearInterval(int); 

를 다음과 같이 토글이 켜져있을 때 실행해야 코드는 토글 클릭 통화? 내 토글 버튼은 다음과 같습니다. WhenToggle is OnWhen Toggle is Off

답변

0

onchange 이벤트를 사용할 수 있습니다.

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"> 

자바 스크립트를 시도하고 후속 조치를 취할 것입니다. 감사 – user45437