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

選択されたラジオ ボタンの値の決定

グループ内で選択されたラジオ ボタンの値を取得するには、従来の方法を使用すると困難に遭遇する可能性があります。この記事では、この一般的な問題の解決策を提供します。

ラジオ ボタンのセットについて次の HTML 構造を考えてみましょう:

<div>

JavaScript を使用して選択されたボタンの値を取得するには、次のようにします。最初に次のコードを試みます:

var rates = document.getElementById('rates').value;

ただし、このアプローチでは、選択されたラジオ ボタンの値ではなく、含まれる div 要素の ID が取得されます。この問題に対処するには、次のコードを利用します。

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

このコードは、querySelector メソッドを使用して、rates div 内で最初に一致するラジオ ボタン要素を選択し、チェックされたボタンの値を具体的に取得します。

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