JavaScript에서 선택한 라디오 버튼의 값을 올바르게 검색하는 방법은 무엇입니까?

선택한 라디오 버튼의 값 검색

라디오 버튼의 값을 얻으려고 할 때 정의되지 않은 오류가 발생하는 문제가 발생할 수 있습니다. 반환된 값. 이 동작의 원인을 이해하는 것은 해결책을 찾는 데 중요합니다. 코드를 검토하고 해결 방법을 제안해 보겠습니다.

제공된 코드에서:

function findSelection(field) {
  var test = 'document.theForm.' + field;
  var sizes = test;

문자열을 변수로 변환하여 양식 요소에 잘못 액세스하려고 합니다. 이는 방법이 아닙니다. DOM 요소는 JavaScript로 액세스됩니다. 이로 인해 정의되지 않은 결과가 발생합니다.

이 문제를 해결하려면 document.querySelector 또는 document.querySelectorAll을 사용하여 양식 입력을 정확하게 선택해야 합니다.

향상된 버전은 다음과 같습니다.

const radioButtons = document.querySelectorAll('input[name="genderS"]');
for (let i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    return radioButtons[i].value;
  }
}

또는 현대적인 접근 방식:

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

이렇게 하면 정의되지 않은 문제가 발생하지 않고 선택한 라디오 버튼의 값이 올바르게 반환됩니다.

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