라디오 버튼의 가치를 찾으십시오

Question

선택한 라디오 버튼의 값을 얻고 싶습니다.

라디오를 선택하지 않으면 정의되지 않은 것으로 올바르게 표시됩니다. 그러나, 어떤 라디오 버튼을 클릭해도 정의되지 않은 것을 보여줍니다.

어떻게 자바 스크립트 또는 jquery에서이 작업을 수행 할 수 있습니다.

HTML 코드 :

<div id="rates"> 
<input type="radio" class="demo" id="r1" name="rate" value="Fixed Rate"> Fixed Rate 
<input type="radio" class= "demo"id="r2" name="rate" value="Variable Rate"> Variable Rate 
<input type="radio" class="demo" id="r3" name="rate" value="Multi Rate"> Multi Rate  
</div> 

JS :

console.log($('.demo:selected').val()); 

바이올린 : 당신은 change 이벤트를 등록해야 http://jsfiddle.net/eLJ4s/1/

Answer 1

, 당신의 console.log는 런타임에있다 현재, 아무것도 확인 됨 :

$(":radio[name=rate]").change(function() { 
    console.log(this.value); 
}); 

Answer 2

이 같은이 뭔가를 시도 ..

$('#element').click(function() { 
    if($('#radio_button').is(':checked')) { alert("it's checked"); } 
}); 

당신은 변경 이벤트가 IE에서 작동하지 않는, 체크 박스의 클릭 이벤트를 바인딩해야 할 것이다. 당신은 따라 아래의 코드를 변경할 수있는 샘플이

작업 샘플입니다

$('#radio_button').attr("checked", "checked"); 
$('#radio_button').click(); 

Answer 3

:

프로그래밍 상태를 변경할 때

$('#radio_button').click(function(){ 
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed'); 
}); 

지금, 당신은 또한이 이벤트를 트리거해야

select-a-radio-button-with-jquery

check-if-radio-button-is-checked

Answer 4

$(function(){ 
    $("input[type='radio']").change(function(){ 
    alert($(this).val());   
    }); 
});