JavaScript에서 선택한 라디오 버튼의 값을 어떻게 얻나요?

HTML 및 JavaScript에서 선택한 라디오 버튼의 값을 가져오는 방법

라디오 버튼을 사용하면 사용자가 그룹에서 단일 옵션을 선택할 수 있습니다. 관련된 선택의. 선택한 라디오 버튼의 값을 검색하는 것은 웹 개발의 일반적인 작업입니다.

문제:

라디오 버튼 그룹에서 선택한 값을 검색할 수 없습니다. 현재 JavaScript를 사용하여 code.

해결책:

선택한 라디오 버튼의 값을 얻으려면 다음과 같은 향상된 코드를 사용할 수 있습니다.

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

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

설명:

querySelector() 메소드는 첫 번째 요소를 검색합니다. 지정된 선택기와 일치하는 DOM에서 이 경우 이름 속성이 "rate"이고 체크 속성이 있는 라디오 버튼을 대상으로 합니다.

선택한 라디오 버튼을 얻으면 해당 값 속성이 검색되어 rateValue 변수에 저장됩니다. 마지막으로 결과 요소의 innerHTML 속성이 rateValue로 설정되어 선택한 라디오 버튼의 값을 효과적으로 표시합니다.

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