라디오 버튼이 선택된 경우 jQuery를 사용하여 텍스트 상자를 숨기기

Question

두 개의 라디오 버튼이 있습니다. 사용자가 상단 라디오 버튼을 선택한 다음 텍스트 상자를 숨기면 원하는 것입니다.

라디오 버튼에 이벤트를 바인딩하는 방법을 잘 모르겠습니다. 이 같은

Answer 1

뭔가 :

<input type="radio" name="foo" value="top" /> 
<input type="radio" name="foo" value="bottom" /> 

그리고 jQuery를에

:

$('input[name=foo]').click(function() { 
    if($(this).val() == "top") { 
     $('#textbox').hide(); 
    } else { 
     $('#textbox').show(); 
    } 
}); 

clickchange 있기 때문에 IE에서 제대로 작동하지 않는 것 같습니다.

Answer 2

라디오의 이름이 같은 경우에 대비하여 선택한 라디오에 이벤트를 추가 할 수 있습니다.

$('checkbox-selector').click(function() { 
    if ($(this).is(':checked')) { 
     $('textbox-selector').hide(); 
    } 
    else { 
     $('textbox-selector').show(); 
    } 
});