web-dev-qa-db-ja.com

ラジオボタングループの値を取得

以下に示すjQuery構文を使用して、2つのラジオボタングループの値を取得しようとしています。以下のコードを実行すると、個々のグループの値を取得する代わりに、最初のラジオボタングループから選択した値を2回取得します。

ここで明らかに間違ったことをしていますか？助けてくれてありがとう:)

<a href='#' id='check_var'>Check values</a><br/><br/>
<script>
  $('a#check_var').click(function() {
    alert($("input:radio['name=r']:checked").val()+ ' ' +
          $("input:radio['name=s']:checked").val());
  });
</script>
Group 1<br/>
<input type="radio"  name="r" value="radio1"/> radio1
<input type="radio"  name="r" value="radio2"/> radio2
<br/><br/>
Group 2<br/>
<input type="radio"  name="s" value="radio3"/> radio3
<input type="radio"  name="s" value="radio4"/> radio4
jqueryradio-button
67
Parampal Pooni

引用符で囲む必要があるのは、 attribute-equals selector 、[attr='val']、 このような：

$('a#check_var').click(function() {
  alert($("input:radio[name='r']:checked").val()+ ' '+
        $("input:radio[name='s']:checked").val());
});​

ここで作業バージョンを確認できます 。

137
Nick Craver