[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")
![](http://daplus.net/wp-content/uploads/2023/04/coupang_part-e1630022808943-2.png)