Foros del Web » Programando para Internet » Javascript »

como un radio seleccionado muestra input

Estas en el tema de como un radio seleccionado muestra input en el foro de Javascript en Foros del Web. Hola! tengo la siguiente duda. En 4 radios que poseen el mismo id (estado) varian en su valor: 'pendiente', 'en produccion', 'deposito' y 'entregado' Y ...
  #1 (permalink)  
Antiguo 29/04/2009, 15:09
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 6 meses
Puntos: 35
como un radio seleccionado muestra input

Hola!
tengo la siguiente duda.
En 4 radios que poseen el mismo id (estado) varian en su valor:
'pendiente', 'en produccion', 'deposito' y 'entregado'
Y debo mostrar un input determinado, solo cuando seleccioné el ultimo radio(entregado).

Con onclick dentro del ultimo radio muestro el input, facil pero si luego elijo otro lo debe deshabilitar. yo queria saber si existe un evento simil a onBlur pero en funcion de que si se deselecciona un radio llame a una funcion.

La solución mas facil sería onclick en cada radio y evalue su valor pero queria usarlo solo en pendiente.
Si encuentran una solucion asi diganme!
Gracias!
  #2 (permalink)  
Antiguo 29/04/2009, 16:07
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 8 meses
Puntos: 1485
Respuesta: como un radio seleccionado muestra input

muestra el codigo html de los radios, y su contenedor. la idea que tengo pensado es registrar el evento onclick en el contenedor y el evento se encarga de determinar cual radio se ha seleccionado. tambien muestra el codigo html del input ha mostrar/esconder.
  #3 (permalink)  
Antiguo 30/04/2009, 13:10
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 6 meses
Puntos: 35
Respuesta: como un radio seleccionado muestra input

Pues este es el codigo:
Código PHP:
<input name="estado" id="estado" type="radio" value="pendiente">Pendiente 
<input name="estado" id="estado" type="radio" value="en produccion">En producci&oacute;n 
<input name="estado" id="estado" type="radio" value="en deposito">En dep&oacute;sito 
<input name="estado" id="estado" type="radio" value="entregado" onclick="mostrarInputCalendario();">Entregado

<input name="orden_fecha" id="orden_fecha" type="text" value="<?=date('d-m-Y'); ?>"  style="visibility:hidden"/>
  #4 (permalink)  
Antiguo 01/05/2009, 21:31
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 8 meses
Puntos: 1485
Respuesta: como un radio seleccionado muestra input

observa lo siguiente. sin necesidad de tener que usar un evento para cada input, he de registrar el evento en el elemento padre y aprovecho el modelo de evento que utilizan los navegadores estandar. por cierto, tambien funcionara con MSIE.
Código javascript:
Ver original
  1. <div onclick="
  2. var elem = event.target || event.srcElement;
  3. if(!/input/i.test(elem.nodeName))return;
  4. s = document.getElementById('orden_fecha').style;
  5. if(elem.value == 'entregado')s.visibility = 'visible';
  6. else s.visibility = 'hidden';
  7. "><input name="estado" type="radio" value="pendiente" />Pendiente
  8. <input name="estado" type="radio" value="en produccion" />En producci&oacute;n
  9. <input name="estado" type="radio" value="en deposito" />En dep&oacute;sito
  10. <input name="estado" type="radio" value="entregado" />Entregado</div>
  11.  
  12. <input name="orden_fecha" id="orden_fecha" type="text" style="visibility:hidden;" />
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 21:58.