jQueryを使用してラジオボタンの値を取得する方法

ラジオボタンには同じ名前属性が割り当てられている必要があります。以下は、名前が「gender」であるラジオボタンから値を取得する方法の例です。

var selectedValue = $('input[name="gender"]:checked').val();

この例では、input[name="gender"]:checkedセレクタを使用して選択されたラジオボタンの要素を取得し、.val()メソッドを使用してその値を取得しています。

複数のラジオボタンから値を取得する場合は、eachメソッドを使用して各要素を反復処理することができます。以下は、名前が「hobby」である複数のラジオボタンから値を取得する方法の例です。

var selectedValues = [];
$('input[name="hobby"]:checked').each(function() {
  selectedValues.push($(this).val());
});

この例では、input[name="hobby"]:checkedセレクタを使用して選択された複数のラジオボタンの要素を取得し、eachメソッドを使用して各要素の値を取得しています。取得した値は配列に追加されます。

以上が、jQueryを使用してラジオボタンの値を取得する方法です。これらのコード例を適用することで、あなたはラジオボタンから選択された値を取得することができます。