[解決済み】jQueryで、name属性で要素を選択するにはどうすればいいですか？

質問

私のWebページには、以下のような3つのラジオボタンがあります。

<label for="theme-grey">
  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>
<label for="theme-pink">
  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>
<label for="theme-green">
  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

jQueryで、この3つのうちどれかがクリックされたときに、選択されているラジオボタンの値を取得したい。jQueryでは、id（#）とclass（...）のセレクタがありますが、以下のようにラジオボタンの名前で探したい場合はどうすればよいでしょうか。

$("<radiobutton name attribute>").click(function(){});

この問題を解決する方法を教えてください。

どのように解決するのですか？

これで大丈夫でしょう、すべて ドキュメント この例と非常によく似た例があります。

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

また、そのスニペットの中に複数の同じIDがあることに注意してください。これは無効なHTMLです。IDではなく、クラスを使って要素の集合をグループ化するようにしてください。