Foros del Web » Programando para Internet » Javascript »

Radio Button habilita TexBox

Estas en el tema de Radio Button habilita TexBox en el foro de Javascript en Foros del Web. Hola amigos, tengo el siguiente html pero necesito de sus ayuda para agregarle unas funciones de JS. Explico: Los radio button's del paso 1 (normal) ...
  #1 (permalink)  
Antiguo 01/05/2004, 15:44
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 9 meses
Puntos: 0
Radio Button habilita TexBox

Hola amigos, tengo el siguiente html pero necesito de sus ayuda para agregarle unas funciones de JS.

Explico:
  • Los radio button's del paso 1 (normal) y paso 2 (no) ya están seleccionados por defecto.
  • Las cajas de Texto del Paso 1 y Paso 2 tienen que estar desabilitadas por defecto.
  • En el Paso 1 al seleccionar los radio button's: [galeria] ó [portada & galeria] active el TexBox
  • Los mismo en el Paso 2 al seleccionar: [si] active el TexBox (seleccionar o buscar archivo)

desde ya les agradesco mucho su ayuda

Código PHP:

<table width="655">
  <
tr>
    <
td vAlign="top" bgColor="#FF0000" width="641" colspan="3"><font size="1" face="Verdana" color="#FFFFFF"><b>Paso
      1
</b></font></td>
  <
tr>
    <
td vAlign="top" bgColor="#EBEBEB" width="181" rowspan="3"><font color="#000080" size="1" face="Verdana">Esta
      Noticia es
:</font></td>
    <
td bgColor="#EBEBEB" width="146">
     
        <
font size="1" face="Verdana">
        <
input type="radio" value="0" name="categoria" checked>Normal&nbsp; <input type="radio" value="1" name="categoria">Portada&nbsp;&nbsp;&nbsp;</font></td>
    <
td bgColor="#EBEBEB" width="311">
     
        <
font size="1" face="Verdana">
        <
input type="radio" value="2" name="categoria">Galería&nbsp; <input type="radio" value="3" name="categoria">Portada
        
&ampGalería</font></td>
  <
tr>
    <
td bgColor="#EBEBEB" width="146">
     
        &
nbsp;</td>
    <
td bgColor="#EBEBEB" width="311">
     
        <
font size="1" face="Verdana" color="#000080"><input size="7" value="0" name="gale">
        
Ingresar ID Galería (0 es Sin Galería)</font></td>
  <
tr>
    <
td bgColor="#EBEBEB" width="460" colspan="2">
     
        &
nbsp;</td>
  <
tr>
    <
td vAlign="top" bgcolor="#EBEBEB" width="641" colspan="3">&nbsp;</td>
  <
tr>
    <
td vAlign="top" bgColor="#FF0000" width="641" colspan="3"><font size="1" face="Verdana" color="#FFFFFF"><b>Paso
      2
</b></font></td>
  <
tr>
    <
td vAlign="top" bgColor="#EBEBEB" width="181"><font size="1" face="Verdana" color="#000080">Incluir
      Imagen a la Noticia
:</font></td>
    <
td bgColor="#EBEBEB" width="460" colspan="2">
     
        <
p><input type="radio" value="0" name="fotonoticia" checked> <font size="1" face="Verdana" color="#0000FF">No</font></p>
      
    </
td>
  <
tr>
    <
td bgColor="#EBEBEB" width="181">&nbsp;</td>
    <
td vAlign="top" bgColor="#EBEBEB" width="460" colspan="2"><input type="radio" value="1" name="fotonoticia"><font size="1" face="Verdana" color="#000080">
      </
font><font color="#FF0000"><font size="1" face="Verdana">Si (</font><font size="1" face="Verdana">Subir
      Imagen
)</font></font></td>
  </
tr>
  <
tr>
    <
td bgColor="#EBEBEB" width="181">&nbsp;</td>
    <
td bgColor="#EBEBEB" width="460" colspan="2"><font size="1" face="Verdana" color="#000080"><input type="file" name="imagen">
      </
font>
     
    </
td>
  <
tr>
    <
td bgColor="#EBEBEB" width="181"><font size="1" face="Verdana" color="#000080">Imagen
      Actual en la Data
:</font></td>
    <
td bgColor="#EBEBEB" width="460" colspan="2">&nbsp;<i><font color="#808080" size="1" face="Arial">Foto_001.jpg</font></i></td>
  <
tr>
    <
td bgColor="#EBEBEB" colSpan="3" width="647">&nbsp;</td>
  </
tr>
</
table
  #2 (permalink)  
Antiguo 02/05/2004, 03:08
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 10 meses
Puntos: 772
Hola, adex.

Añade a los 6 radios que quieres manejar el código que te pongo en rojo:

<input type="radio" value="0" name="categoria" onclick="habilita(this.name)" >

Y utiliza esta función para manejarlos:
Código PHP:
function habilita(nombre) {
    
elem=document.getElementsByName(nombre);
    for(
i=0;i<elem.length;i++)
        if(
elem[i].checked)
            break;
    if(
nombre=='fotonoticia')
        
imagen.disabled=(elem[i].value==0);
    else
        
gale.disabled=(elem[i].value==|| elem[i].value==3);

Espero que te funcione. Saludos,
  #3 (permalink)  
Antiguo 02/05/2004, 11:33
Avatar de adex  
Fecha de Ingreso: marzo-2002
Ubicación: Lima, Perú, América Latina
Mensajes: 445
Antigüedad: 22 años, 9 meses
Puntos: 0
Hola JavierB, gracias por tu ayuda, veo como lo hecho andar y te aviso como queda.

gracias nuevamente...!!!
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 19:25.