분류 javascript

JavaScript를 사용하여 확인란을 선택했는지 확인하는 방법은 무엇입니까?

컨텐츠 정보

  • 조회 193 (작성일 )

본문

JavaScript를 사용하여 확인란의 상태를 확인하고 선택 여부를 확인하는 방법 알아보기


요소의 checked 속성을 검사하십시오.


https://flaviocopes.com/how-to-check-checkbox-checked/ 


이 확인란이 있다고 가정 해보십시오.


<input type="checkbox" class="checkbox" />


다음을 사용하여 확인했는지 확인할 수 있습니다.


document.querySelector('.checkbox').checked


.checkbox : checked가 null을 반환하지 않는지 확인할 수도 있습니다.


document.querySelector('.checkbox:checked') !== null


하지만 .checked를 찾는 것이 더 깨끗하다고 ​​생각합니다.


선택된 속성 값을 찾기 위해 getAttribute()를 사용하지 마십시오. 확인란이 기본적으로 다음과 같은 방식으로 선택되어 있으면 항상 true이기 때문입니다.


<input type="checkbox" checked />


또한 확인란 요소의 value을 확인하지 마십시오. 확인란의 선택 여부에 관계없이 항상 on으로 되어 있습니다.