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

HTML および JavaScript で選択したラジオ ボタンの値を取得する方法

ラジオ ボタンを使用すると、ユーザーはグループから 1 つのオプションを選択できます関連する選択肢の。選択されたラジオ ボタンの値を取得することは、Web 開発における一般的なタスクです。

問題:

ラジオ ボタンのグループから選択された値を取得できません現在のJavaScriptを使用してcode.

解決策:

選択したラジオ ボタンの値を取得するには、次の改良されたコードを使用できます:

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

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

説明:

querySelector() メソッドは、指定されたセレクターに一致する DOM。この場合、name 属性が「rate」であり、checked 属性を持つラジオ ボタンがターゲットになります。

選択されたラジオ ボタンが取得されると、その value プロパティが取得され、rateValue 変数に格納されます。最後に、results 要素の innerHTML プロパティが rateValue に設定され、選択されたラジオ ボタンの値が効果的に表示されます。

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