JavaScript를 사용하여 선택한 라디오 버튼의 값을 얻는 방법은 무엇입니까?

JavaScript를 사용하여 선택한 라디오 버튼 값 결정

라디오 버튼 그룹에서 선택한 값을 얻으려면 'value' 속성 선택한 라디오 버튼과 연결된 항목에 액세스해야 합니다. 이전 버전의 Internet Explorer에서는 특정 접근 방식이 필요했습니다. 그러나 IE9 및 후속 버전과 다른 모든 브라우저의 경우 단순화된 메서드를 사용할 수 있습니다.

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

이 코드 조각은 querySelector() 메서드를 활용하여 '이름'이 있는 입력 요소를 선택합니다. 속성은 'rate'로 설정되고 'checked' 속성은 'true'로 설정되어 선택된 라디오 버튼을 나타냅니다. 그런 다음 선택한 라디오 버튼의 '값' 속성을 반환합니다.

제공된 HTML에서:

<div>

다음 코드를 실행하면 선택한 값이 생성됩니다.

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

예를 들어 'Multi Rate' 값이 있는 라디오 버튼을 선택하면 'rate_value'가 'Multi Rate'로 설정됩니다. 이 접근 방식을 활용하면 선택한 특정 라디오 버튼에 관계없이 선택한 값을 효율적으로 얻을 수 있습니다.

위 내용은 JavaScript를 사용하여 선택한 라디오 버튼의 값을 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!