자바 스크립트 - 이벤트 수신기 청취

Question

내 응용 프로그램에서 버튼을 토글합니다.

버튼을 켜기로 설정하면 값을 1로 설정하고 싶지 않으면 값을 null로 설정해야합니다. (0 = 비활성화 1 = 활성화) 나의 현재의 자바 스크립트 코드 그게 전부

을 :

var checkbox = document.querySelector("input[name=checkbox]"); 

checkbox.addEventListener('change', function() { 
    if(this.checked) { 
     document.getElementById("activate").value = '1'; 
    } else { 
     document.getElementById("deactivate").value = '0'; 
    } 
}); 

그리고 그게 전부 내 토글 버튼 :

<div class="toggle"> 
    <label> 
     <input id="CheckAcitavtion" name="checkbox" type="checkbox"> 
     <span class="slider"></span> 
    </label> 
</div> 

하지만 순간에 나는 버튼을 전환 할 때 다음 오류가 표시됩니다.

Uncaught TypeError: Cannot set property 'value' of null at HTMLInputElement.

Answer 1

내가 가리킨 이드가 존재하지 않았으므로 e이 요소의 스팬 요소. <input>이 아닌 요소의 경우 value 대신 innerHTML을 사용해야합니다. 은 "비활성화" "활성화"또는 ID를 가진 HTML 요소는

var checkbox = document.querySelector("input[name=checkbox]"); 
 

 
checkbox.addEventListener('change', function() { 
 
    if(this.checked) { 
 
     document.getElementById("checkValue").innerHTML = '1'; 
 
    } else { 
 
     document.getElementById("checkValue").innerHTML = '0'; 
 
    } 
 
});

<div class="toggle"> 
 
    <label> 
 
    <input id="CheckAcitavtion" name="checkbox" type="checkbox"> 
 
    <span id="checkValue">0</span> 
 
    </label> 
 
</div>