Usando jQuery, oculte un cuadro de texto si se selecciona un botón de radio

Question

Tengo 2 botones de opción, lo que quiero es que el usuario seleccione el botón de selección superior y luego oculte un cuadro de texto.

No estoy seguro de cómo vincular un evento a un botón de opción.

Answer 1

Algo como esto:

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

Y en jQuery:

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

clickchange porque no parece funcionar correctamente en IE.

Answer 2

Esto le permitirá agregar el evento a una radio seleccionada, en caso de que su radio no tenga el mismo nombre.

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