Использование jQuery, скрыть текстовое поле, если выбрана радиокнопка

Question

У меня есть 2 переключателя, что я хочу, если пользователь выбирает верхнюю радиокнопку, а затем скрывает текстовое поле.

Не знаете, как связать событие с переключателем.

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(); 
    } 
}); 

click потому change, кажется, не корректно работать на IE.

Answer 2

Это позволит вам добавить событие в выбранную радиостанцию, если ваши радиостанции не имеют одинакового имени.

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