JavaScript에서 선택한 라디오 버튼의 값을 어떻게 얻을 수 있습니까?

선택한 라디오 버튼 값 확인

그룹 내에서 선택한 라디오 버튼의 값을 검색하려면 기존 방법을 사용하는 데 어려움을 겪을 수 있습니다. 이 문서에서는 이 일반적인 문제에 대한 솔루션을 제공합니다.

라디오 버튼 집합에 대해 다음 HTML 구조를 고려하세요.

<div>

JavaScript를 사용하여 선택한 버튼의 값을 얻으려면 다음을 수행하세요. 처음에는 다음 코드를 시도합니다.

var rates = document.getElementById('rates').value;

그러나 이 접근 방식은 선택한 라디오 버튼 값 대신 포함된 div 요소의 ID를 검색합니다. 이 문제를 해결하려면 다음 코드를 활용하세요.

document.querySelector('input[name="rate"]:checked').value;

이 코드는 querySelector 메서드를 사용하여 요금 div 내에서 첫 번째로 일치하는 라디오 버튼 요소를 선택하여 선택된 버튼의 값을 구체적으로 얻을 수 있도록 합니다.

위 내용은 JavaScript에서 선택한 라디오 버튼의 값을 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!