Utilizzando jQuery, nascondi una casella di testo se è selezionato un pulsante di opzione

Question

Ho 2 pulsanti di opzione, quello che voglio è se un utente seleziona il pulsante di opzione in alto e nasconde una casella di testo.

Non sai come associare un evento a un pulsante di opzione.

Answer 1

Qualcosa di simile a questo:

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

E in jQuery:

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

click perché change non sembra funzionare correttamente su IE.

Answer 2

Ciò consentirà di aggiungere l'evento a una radio selezionata, nel caso in cui la radio non abbia lo stesso nome.

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