JavaScript를 사용하여 선택된 체크박스의 값을 검색하는 방법은 무엇입니까?

선택한 체크박스 값 검색

웹 개발 영역에서는 특히 다음과 같은 경우 요소의 값을 캡처해야 하는 경우가 많습니다. 양식 제출 작업. 이 기능이 필요한 공통 요소 중 하나는 체크박스입니다.

다음 HTML 코드가 있다고 가정합니다.

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

JavaScript를 사용하여 현재 선택된 체크박스의 값을 얻으려면 다음 방법을 사용하세요. :

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

이 코드 줄은 querySelector() 메서드를 사용하여 messageCheckbox 클래스가 있는 모든 요소를 ​​선택합니다. 선택된 상자가 하나만 있도록 지정되었으므로 이 줄은 일치하는 첫 번째 요소를 반환합니다.

그런 다음 선택한 확인란의 selected 속성이 선택되어 상자가 선택되면 true 또는 false를 반환합니다. 그렇지 않다면. 이를 통해 선택된 체크박스와 관련된 값을 쉽게 확인할 수 있습니다.

위 내용은 JavaScript를 사용하여 선택된 체크박스의 값을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!