JavaScriptで選択されたラジオボタンの値を取得するにはどうすればよいですか?

選択されたラジオ ボタンの値の取得

フォームを操作するときの一般的なタスクは、選択されたラジオ ボタンの値を取得することです。このコンテキストでは、JavaScript プログラムで、ラジオ ボタンの値が未定義を返すという問題が発生しました。

findSelection 関数用に提供されたコードは、フォーム内のすべてのラジオ ボタンを反復処理し、どのラジオ ボタンがチェックされているかを確認し、その値を返します。 。ただし、このコードには、初期設定で誤ってテスト変数とサイズ変数の両方にフォーム名が割り当てられるという問題がありました。

この問題に対する簡単で効果的な解決策は、次のコードを使用することです。

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

このコードは document.querySelector メソッドを使用して、名前属性 (「genderS」) によってチェックされたラジオ ボタンを選択します。 :checked セレクターは、チェックされたラジオ ボタンのみが選択されるようにします。 value プロパティは、選択されたラジオ ボタンの値を取得します。

このソリューションは、すべての主要なブラウザと互換性があり、jQuery などの追加ライブラリは必要ありません

以上がJavaScriptで選択されたラジオボタンの値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。