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 中国語 Web サイトの他の関連記事を参照してください。