Foros del Web » Programando para Internet » Javascript » Frameworks JS »

switch de radio buttons (mostrar ocultar labels)

Estas en el tema de switch de radio buttons (mostrar ocultar labels) en el foro de Frameworks JS en Foros del Web. Me pregunto por que no funciona enteramente un evento change sobre un radio button. Tengo una lista de fotos con un radio button cada una. ...
  #1 (permalink)  
Antiguo 29/10/2010, 12:23
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Pregunta switch de radio buttons (mostrar ocultar labels)

Me pregunto por que no funciona enteramente un evento change sobre un radio button.

Tengo una lista de fotos con un radio button cada una. Al lado, tienen un span class label. Y quiero que al clickear un radio, aparezca el label. Y al clickear el proximo, se marque pero se desmarque el anterior.

Con esto solo obtengo un evento para el que se marca. Pero el que se debería desmarcar ni se inmuta:

Código Javascript:
Ver original
  1. $("input[name='foto_principal']").change(function(){
  2.  
  3.     $(this).next("span").toggle();
  4. });

Claro que durante el evento puedo decir algo así, pero no es la idea:

$("input[name='foto_principal']").next("span").hide();
...
  #2 (permalink)  
Antiguo 29/10/2010, 13:03
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 7 meses
Puntos: 839
Respuesta: switch de radio buttons (mostrar ocultar labels)

No se genera ningún evento para el radio que se desmarca. Así que la única opción sería guardar cuál fue el último radio marcado y ocultarlo.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 29/10/2010, 13:10
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Respuesta: switch de radio buttons (mostrar ocultar labels)

Mil gracias David. Quedó así:

Código Javascript:
Ver original
  1. activo = $("input:checked");
  2.  
  3. $(":radio").change(function(){
  4.     activo.next("span").toggle();
  5.     activo = $(this);
  6.     activo.next("span").toggle();
  7. });

Etiquetas: labels, radio, switch
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:22.