2010-08-12 6 views
61

아래 주어진대로 jQuery 구문을 사용하여 두 개의 라디오 버튼 그룹의 값을 가져 오려고합니다. 아래의 코드를 실행하면 각 개별 그룹의 값을 가져 오는 대신 첫 번째 라디오 버튼 그룹에서 두 번 선택한 값이 표시됩니다.라디오 버튼 그룹의 값 얻기

내가 여기서 분명히 잘못된 일을하고 있습니까?

<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 
+0

가능한 [jQuery에서 이름을 사용하여 선택한 라디오 버튼의 값을 얻는 방법?] (http://stackoverflow.com/questions/986120/how-to-get-the-value-of-a) -selected-radio-button-its-name-in-jquery) – jeremy

답변

123

귀하의 인용이 같은 attribute-equals selector, [attr='val'],의 값 부분에 이상 이동해야 도움 :) 주셔서 감사합니다 :

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

You can see the working version here.

관련 문제