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

JavaScript を使用して選択されたラジオ ボタンの値を決定する

ラジオ ボタンのグループから選択された値を取得するには、'value' 属性を使用します。チェックされたラジオ ボタンに関連付けられているアクセスする必要があります。 Internet Explorer の以前のバージョンでは、これには特定のアプローチが必要でした。ただし、IE9 以降のバージョンおよび他のすべてのブラウザでは、簡略化されたメソッドが利用可能です。

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

このコード スニペットは、querySelector() メソッドを利用して、「name」を持つ入力要素を選択します。属性は「rate」に設定され、「checked」属性は「true」に設定され、選択されたラジオ ボタンを表します。次に、選択されたラジオ ボタンの 'value' 属性を返します。

提供された HTML:

<div>

次のコードを実行すると、選択された値が得られます:

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

たとえば、値「マルチレート」のラジオボタンがチェックされている場合、「rate_value」は「マルチレート」に設定されます。このアプローチを利用すると、選択された特定のラジオ ボタンに関係なく、選択された値を効率的に取得できます。

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