javascript - 오기 가져 값label jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까?



15 Answers

이것을 사용하십시오 ..

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

두 개의 라디오 버튼이있어서 선택한 하나의 값을 게시하고 싶습니다. jQuery로 어떻게 가치를 얻을 수 있습니까?

나는이 모든 것을 다음과 같이 얻을 수있다.

$("form :radio")

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




이 작동합니다.

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

""입력을 중심으로 사용 된 것을 주목하십시오. 피터 J의 솔루션을 좋아하지는 않습니다.




부울 값을 원한다면, 즉 체크를했는지, 아니면 시도하지 않았습니까?

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



또 다른 옵션은 다음과 같습니다.

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



여기에 양식을 쓰고 검사 된 라디오를받는 방법을 설명합니다.

myForm이라는 양식 사용 :

<form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>

양식에서 값 가져 오기 :

$('#myForm .radio1:checked').val();

양식을 게시하지 않으려는 경우 다음을 사용하여 양식을 더 단순화합니다.

<input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />

그런 다음 확인 된 값을 얻는 것은 다음과 같습니다.

    $('.radio1:checked').val();

입력에 클래스 이름을 사용하면 입력 스타일을 쉽게 지정할 수 있습니다.




JSF 생성 라디오 버튼 ( <h:selectOneRadio> 태그 사용)에서 다음 작업을 수행 할 수 있습니다.

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

여기서 selectOneRadio ID는 radiobutton_id 이고 양식 ID는 form_id 입니다.

jQuery는이 속성을 사용하기 때문에 ( 이름 은 JSF가 제어 ID와 유사한 방식으로 자동 생성되므로) id 대신 name 을 사용해야한다.




또한 사용자가 아무것도 선택하지 않았는지 확인하십시오.

var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}



이 잘 작동합니다.

$('input[type="radio"][class="className"]:checked').val()

실무 데모

:checked selector는 checkboxes , radio buttons 및 select 요소에 대해 작동합니다. 선택 요소의 경우에만 :selected 자를 사용하십시오.

for :checked Selector




수업을 사용하는 선택한 라디오의 가치를 얻으려면 :

$('.class:checked').val()



이것을 사용하십시오 :

value = $('input[name=button-name]:checked').val();



1 폼에 1 세트의 라디오 버튼 만있는 경우 jQuery 코드는 다음과 같이 간단합니다.

$( "input:checked" ).val()



JavaScript 배열에서 모든 라디오 버튼 값을 검색하려면 다음 jQuery 코드를 사용하십시오.

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();



그것을 얻는 또 다른 방법 :

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>




$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});



:checked selector로 액세스해야합니다 :

이 문서 확인 :

예 :

$('input[name=radioName]:checked', '#myForm').val()
$('#myForm input').on('change', function() {
	$('#val').text($('input[name=radioName]:checked', '#myForm').val());
});
#val {
  color: #EB0054;
  font-size: 1.5em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h3>Radio value: <span id='val'><span></h3>
<form id="myForm">
  <input type="radio" name="radioName" value="a"> a <br>
  <input type="radio" name="radioName" value="b"> b <br>
  <input type="radio" name="radioName" value="c"> c <br>
</form>




Related