라디오 요소의 한 옵션이 선택 될 때마다 함수가 실행되기를 원합니다. Jquery를 사용하여이를 수행하는 방법?

Question

웹 페이지에는 많은 입력 라디오 요소가 있으며 각 라디오 요소에는 여러 옵션이 있습니다. 라디오 요소의 한 옵션을 검사 할 때마다 함수가 실행되기를 원합니다. Jquery를 사용하여 코드를 작성하는 방법? 다음과 같이 하나 개의 입력 요소는 같습니다

$(":radio").checked(function() { 
    alert(this.value); 

}); 

을하지만이 작동하지 않습니다 다음과 같이

<div class="below"> 
<input type="radio" value="information" name="option0"/> 
information 
<input type="radio" value="communication" name="option0"/> 
communication 
<input type="radio" value="goods" name="option0"/> 
goods 
<input type="radio" value="attention" name="option0"/> 
attention 
</div> 

내가 코드를 썼다. 그것을하는 방법?

Answer 1

시도 :

$(':radio').click(function(evt){ 
    if ($(this).attr('checked')) 
    { 
     alert($(this).val()); 
    } 
}); 

Answer 2

checked는 click 또는 change를 사용한다, 이벤트가 아닙니다.

이

$('input:radio').click(function() { 
    if (this.checked) { // or $(this).attr('checked') 
    alert(this.value); // or alert($(this).val()); 
    } 
}); 

Answer 3

나는 이런 식으로 뭔가가 그것을해야한다고 생각 : 그 pseudo-selector이 *:radio로 평가되며, 그것은 아주 느릴 수 있기 때문에

이 또한 내가 그 통지 할 대신 단지 :radio의 input:radio을 사용하는 것이 좋습니다 .

$("input:checked").each(function(){ 
alert($(this).val()); 
} 

Answer 4

This example은 당신이 원하는 것을 정확히해야하지만, 여기 개요는 다음과 같습니다

$('input[type=radio]').change(function (event) { 
    if (this.checked) { 
    alert('Value "' + this.value + '" from option group "' + this.name '" was selected.'); 
    } 
}); 

설명 :

1. $('input[type=radio]') 모든 라디오 버튼을 선택합니다.
2. .change()은 change 이벤트에 대한 이벤트 처리기를 설정합니다. "확인 된"이벤트가 없습니다.
3. this.checked은 true입니다. false 그렇지 않은 경우. 이 이벤트는 방금 확인한 옵션뿐만 아니라 체크되지 않은 옵션에 대해서도 실행됩니다.
4. this.value 입력 값을 제공합니다.
5. this.name은 옵션 그룹의 이름을 제공합니다.