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

jQuery を使用してラジオ ボタンのグループ内で選択されたオプションを識別する方法

フォームを操作する場合、多くの場合、選択されたラジオ ボタンの値を取得する必要があります。 jQuery は、これを実現する簡単な方法を提供します。

次のシナリオを考えてみましょう。radioName という名前の複数のラジオ ボタンを持つフォームがあります。選択したオプションの値を投稿したいとします。 jQuery で値を取得するには、次のコードを利用できます。

$('input[name=radioName]:checked', '#myForm').val()

このコードは、id が myForm のフォーム内で、name 属性が radioName に設定されているすべての入力要素を検索します。 :checked セレクターは、選択されたラジオ ボタンのみが選択されるようにします。最後に、.val() メソッドは、選択されたラジオ ボタンの値を返します。

たとえば、次のコード スニペットは、選択の変更時に選択されたラジオ ボタンの値を取得する方法を示しています。

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});

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