À l'aide de jQuery, cachez une zone de texte si un bouton radio est sélectionné

J'ai 2 boutons radio, ce que je veux, c'est si un utilisateur sélectionne le bouton radio supérieur, puis cache une zone de texte.

Vous ne savez pas comment lier un événement à un bouton radio.

Quelque chose comme ça:

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

Et jQuery:

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

click parce que le change ne semble pas fonctionner correctement sur IE.

Cela vous permettra d'ajouter l'événement à une radio sélectionnée, au cas où votre radio n'aurait pas le même nom.

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