부트 스트랩 토글 (체크 박스) 클릭시 함수 호출

체크 박스를 클릭하면 updateText() 함수를 호출하고 싶습니다. onClick="updateText()"을 사용해 보았지만 작동하지 않았습니다. 비슷한 질문에 대한 몇 가지 의견을 읽었지만 모든 대답은 jQuery를 사용하고 있습니다.이 프로젝트의 모든 js 코드가 라이브러리없이 완료 되었기 때문에 라이브러리를 사용하지 않고 할 수 있습니까? 부트 스트랩 토글 (체크 박스) 클릭시 함수 호출

이

체크 박스입니다 :

<label class="checkbox-inline"> 
    <input type="checkbox" checked data-toggle="toggle" data-size="mini" data-onstyle="default" id="text_mode" onclick="updateText()"> Braille 
</label>

출처

2017-09-15 Misho Tek

당신은'onchange = "updateText()"이벤트 핸들러를 사용할 수 있습니다. – brenjt

부트 스트랩을 사용하고 있다면 jQuery가 이미로드되어 사용할 준비가되었음을 99 % 확신합니다. – zer00ne

가능한 [input.checked = true/false \ _without \ _ jQuery에 이벤트 발생]의 복제본 (https://stackoverflow.com/questions/10637801/fire-an-event-on-input-checked-true-false) -without-jquery) –

사용 onchange 이벤트를

<label class="checkbox-inline"> 
    <input type="checkbox" checked ... onchange="updateText()"> Braille 
</label>

확인란을 클릭해도 관계없이 실행됩니다. 따라서 레이블을 트리거하면 해당 레이블도 실행됩니다.

출처

2017-09-15 19:35:28 brenjt

이 시도 :

document.getElementById('text_mode').addEventListener('click', function(){ 
 
\t console.log('updateText executed') 
 
});

<label class="checkbox-inline"> 
 
    <input type="checkbox" checked data-toggle="toggle" data-size="mini" data-onstyle="default" id="text_mode"> Braille 
 
</label>

출처

2017-09-15 19:30:08

부트 스트랩 토글 (체크 박스) 클릭시 함수 호출

답변

관련 문제