ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptで選択されたラジオボタンの値を取得するにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-15 12:21:10333ブラウズ

How to Get the Value of a Selected Radio Button in JavaScript?

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

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

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。