JavaScript 체크 박스가 계속 선택되어 있는지 확인하십시오.

Question

체크 박스가 선택되었는지 여부를 지속적으로 확인하는 좋은 방법은 무엇입니까?

이 항목은 선택되어 있는지 확인합니다.

나는 간격을 만드는 것을 생각했지만 나는 그것을 좋아하지 않는다.

if(checkboxPencil.checked) 

Answer 1

당신은 기본적으로 두 가지 선택이 있습니다

1. 사용 change 이벤트에 대한 이벤트 핸들러를

2. setInterval 또는 유사한

를 사용하여 설문 조사

이벤트 중 하나를 사용하지 않는 것이 좋은 이유가 아니라면 # 1이 훨씬 더 좋습니다.

// The selector can be any valid CSS selector identifying the checkbox 
 
document.querySelector("input[type=checkbox]").addEventListener("change", function() { 
 
    console.log("New value is: " + this.checked); 
 
}, false);

<label> 
 
    <input type="checkbox"> 
 
    Checkbox 
 
</label>

Answer 2

모든 최신 브라우저에서 지원되는 onchange Event을 살펴보십시오.

확인란을 선택하면 수행 할 기능은 무엇이든간에 onchange 이벤트 처리기에서 수행 할 수 있습니다. 예를 들어 :

function changeStatus(o) { 
 
    document.getElementById('status').innerText = o.checked; 
 
}

<input id="check" type="checkbox" onchange="changeStatus(this)" /> 
 
<span id="status">false</span>