JavaScript에서 선택한 체크박스의 값을 어떻게 검색할 수 있나요?

JavaScript에서 선택한 체크박스의 값을 검색하는 방법

체크박스 그룹을 처리할 때 값을 검색해야 할 수 있습니다. 추가 처리를 위해 선택한 확인란을 선택합니다. 이 기사에서는 JavaScript로 이를 수행하는 방법을 살펴보겠습니다.

다음 HTML 마크업을 고려해 보겠습니다.

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>

단일 선택을 위해 document.querySelector() 사용

선택된 확인란이 하나만 있어야 한다는 요구 사항이 지정되었으므로 document.querySelector() 메서드를 활용하여 선택된 확인란을 선택할 수 있습니다.

<code class="javascript">document.querySelector('.messageCheckbox').checked; // true or false</code>

이 코드는 부울 값(체크박스가 선택된 경우 true, 그렇지 않은 경우 false).

위 내용은 JavaScript에서 선택한 체크박스의 값을 어떻게 검색할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!