Utilisation de jQuery, masquer une zone de texte si un bouton radio est sélectionné

Question

J'ai 2 boutons radio, ce que je veux, c'est que l'utilisateur sélectionne le bouton radio du haut puis cache une zone de texte.

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

Answer 1

Quelque chose comme ceci:

<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 change ne semble pas fonctionner correctement sur IE.

Answer 2

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