☰

jQuery では、名前属性で要素を選択するにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript jquery html radio-button
jQuery では、名前属性で要素を選択するにはどうすればよいですか? 質問する

私の 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(){});

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

ベストアンサー1

これで大丈夫でしょう。これらすべてはドキュメンテーションこれに非常によく似た例があります:

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

また、そのスニペットには複数の同一の ID があることにも注意してください。これは無効な HTML です。要素のセットをグループ化するには、ID ではなくクラスを使用してください。ID は一意である必要があります。

おすすめ記事