[javascript] jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까?

두 개의 라디오 버튼이 있으며 선택한 버튼의 값을 게시하고 싶습니다. jQuery로 가치를 얻으려면 어떻게해야합니까?

나는 이것들 모두를 얻을 수 있습니다 :

$("form :radio")

어느 것이 선택되었는지 어떻게 알 수 있습니까?

답변

의 값을 얻으려면 선택 radioName ID로 폼의 항목을 myForm:

$('input[name=radioName]:checked', '#myForm').val()

예를 들면 다음과 같습니다.

$('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
  <input type="radio" name="radioName" value="1" /> 1 <br />
  <input type="radio" name="radioName" value="2" /> 2 <br />
  <input type="radio" name="radioName" value="3" /> 3 <br />
</form>

스 니펫 확장

답변

이것을 사용하십시오 ..

$("#myform input[type='radio']:checked").val();

답변

라디오 버튼 그룹에 대한 참조가 이미있는 경우 예를 들면 다음과 같습니다.

var myRadio = $("input[name=myRadio]");

이 filter()아닌 기능을 사용하십시오 find(). ( find()자식 / 하위 요소를 찾는 데 사용되는 반면 filter()선택 항목에서 최상위 요소를 검색합니다.)

var checkedValue = myRadio.filter(":checked").val();

참고 : 이 답변은 원래을 사용하도록 권장 된 다른 답변을 수정 find()한 것으로 변경되었습니다. find()컨테이너 요소에 대한 참조가 있지만 라디오 버튼에 대한 참조는 이미없는 상황에 여전히 유용 할 수 있습니다. 예 :

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();

답변

이것은 작동해야합니다 :

$("input[name='radioName']:checked").val()

Peter J의 솔루션처럼 ”가 아닌 입력 주위에 “”를 사용했습니다.

답변

라디오 선택기와 함께 : checked 선택기를 사용할 수 있습니다.

 $("form:radio:checked").val();

답변

부울 값만 원하는 경우, 예를 들어 확인하거나 시도하지 않은 경우 :

$("#Myradio").is(":checked")

답변

모든 라디오를 받으십시오 :

var radios = jQuery("input[type='radio']");

확인한 것을 얻기위한 필터

radios.filter(":checked")