Foros del Web » Creando para Internet » HTML »

Problema: radio + textbox

Estas en el tema de Problema: radio + textbox en el foro de HTML en Foros del Web. Hola, lo que yo quiero hacer y no me sale es lo siguiente: Cuando elija "Si" que el textarea quede habilitado: Cuando elija "No" que ...
  #1 (permalink)  
Antiguo 04/09/2008, 14:15
Avatar de Zweeden  
Fecha de Ingreso: enero-2008
Mensajes: 42
Antigüedad: 9 años, 10 meses
Puntos: 0
Problema: radio + textbox

Hola, lo que yo quiero hacer y no me sale es lo siguiente:

Cuando elija "Si" que el textarea quede habilitado:



Cuando elija "No" que el textarea se deshabilite:


Ayuda por favor.
  #2 (permalink)  
Antiguo 04/09/2008, 14:17
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Exclamación Respuesta: Problema: radio + textbox

Es muy básico, si no mal lo recuerdo había un ejemplo de eso en las FAQ's de Javascript, y si buscas en el foro seguro que encuentras.

Sólo tienes que usar el evento onclick del radio y cambiar la propiedad disabled del textarea.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 04/09/2008, 14:21
Avatar de Zweeden  
Fecha de Ingreso: enero-2008
Mensajes: 42
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Problema: radio + textbox

Y que coloco en el evento onclick del radio para que cambie a disabled? ese es mi problema.
  #4 (permalink)  
Antiguo 04/09/2008, 14:21
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Exclamación Respuesta: Problema: radio + textbox

http://www.forosdelweb.com/f13/faqs-...25/#post259661
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 04/09/2008, 14:23
Avatar de Zweeden  
Fecha de Ingreso: enero-2008
Mensajes: 42
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Problema: radio + textbox

Gracias, si no me sale vuelvo a postear ;)
  #6 (permalink)  
Antiguo 04/09/2008, 15:05
Avatar de Zweeden  
Fecha de Ingreso: enero-2008
Mensajes: 42
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Problema: radio + textbox

No puedo :(

La cosa es así:



y este es el código:

Código HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
.Estilo2 {font-family: tahoma; }
.Estilo8 {font-size: 10pt}
.Estilo9 {font-family: tahoma; font-size: 10pt; }
.Estilo10 {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
}
.Estilo11 {
	font-family: Tahoma;
	font-size: 10pt;
}
body {
	background-color: #6AA991;
}
-->
</style>
<form action="impresionboletanueva.php" id="BoletaNueva" name="BoletaNueva" method="post" />
  <table width="546" border="0,5" align="center" cellpadding="1" cellspacing="1">
    <tr>
      <td colspan="5" bgcolor="#FFFFFF"><div align="center" class="Estilo10">Datos del Titular</div>
          <div align="center"></div></td>
    </tr>
    <tr>
      <td width="31%" bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Fecha</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input name="Dia" type="text" id="Dia" size="2" maxlength="2">
        /
        <input name="Mes" type="text" id="Mes" size="2" maxlength="2">
        /
        <input name="Ano" type="text" id="Ano" value="2008" size="4" maxlength="4">
      </td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Nombre</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><label></label>
          <input type="text" name="Nombre" id="Nombre" size="20" maxlenght="20"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8"> Apellido</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="Apellido" id="Apellido" size="20" maxlenght="20"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Dirección</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="Direccion" id="Direccion" size="45" maxlenght="45"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Localidad</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">
        <input type="text" name="Localidad" id="Localidad" size="20" maxlenght="20">
      </span></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">C.P.</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="CodigoPostal" id="CodigoPostal" size="10" maxlenght="10"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">D.N.I.:</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="DNI" id="DNI" size="10" maxlenght="10"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Fecha de Nacimiento</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="FechaNacDia" id="FechaNacDia" size="2" maxlenght="2">
        /
        <input type="text" name="FechaNacMes" id="FechaNacMes" size="2" maxlenght="2">
        /
        <input type="text" name="FechaNacAno" id="FechaNacAno" size="4" maxlenght="4"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Teléfono de Referencia</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="TelCaracteristica" id="TelCaracteristica" size="8" maxlenght="8">
        -
        <input type="text" name="Tel" id="Tel" size="10" maxlenght="10"></td>
    </tr>
    <tr>
      <td colspan="5" bgcolor="#FFFFFF"><div align="center"><span class="Estilo2 Estilo8"><strong>Datos del equipo</strong></span></div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Modelo</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="Modelo" id="Modelo" size="15" maxlenght="15"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">ESN/IMEI</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="IMEI" id="IMEI" size="35" maxlenght="35"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Accesorios</span></td>
      <td colspan="2" bgcolor="#CCCCCC"><span class="Estilo8"></span><span class="Estilo8"></span><span class="Estilo8"></span><span class="Estilo8"></span>
          <p>
            <input type="radio" name="Accesorios" value="Si" id="Si">
            Si<br>
            <input type="radio" name="Accesorios" value="No" id="No">
            No</p></td>
      <td width="13%" bgcolor="#CCCCCC"><span class="Estilo11">Especificar:</span></td>
      <td width="43%" bgcolor="#CCCCCC"><span class="Estilo11">
        <textarea name="Especificar" cols="15" rows="2" id="Especificar" disabled="disabled"></textarea>
      </span></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Falla</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="Falla" id="Falla" size="25" maxlenght="25"></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Presupuesto</span></td>
      <td width="2%" bgcolor="#CCCCCC"><div align="center"><span class="Estilo9">$ </span></div></td>
      <td colspan="3" bgcolor="#CCCCCC"><span class="Estilo9">
        <input type="text" name="Presupuesto" id="Presupuesto" size="5" maxlenght="5">
      </span></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><span class="Estilo2 Estilo8">Observaciones</span></td>
      <td colspan="4" bgcolor="#CCCCCC"><input type="text" name="Observaciones" id="Observaciones" size="50" maxlenght="50"></td>
    </tr>
    <tr>
      <td colspan="5" bgcolor="#FFFFFF"><div align="center">
          <label>
          <input type="submit" name="Enviar" id="Enviar" value="Enviar">
          </label>
      </div></td>
    </tr>
    <tr>
      <td colspan="5" bgcolor="#FFFFFF"><div align="center">
          <label>
          <input type="reset" name="Reestablecer" id="Reestablecer" value="Reestablecer">
          </label>
      </div></td>
    </tr>
  </table> 

y yo quiero: Apretar "SI" y que se habilite el textbox. "NO" y que se deshabilite. NO puedoooooooo help :)
  #7 (permalink)  
Antiguo 04/09/2008, 15:17
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Exclamación Respuesta: Problema: radio + textbox

Código HTML:
<input type="radio" name="Accesorios" onclick="txtAreaEnabled(this.form.Accesorios, this.form.Especificar)" value="Si" id="Si" />
<input type="radio" name="Accesorios" onclick="txtAreaEnabled(this.form.Accesorios, this.form.Especificar)" value="No" id="No" />
<textarea name="Especificar" cols="15" rows="2" id="Especificar" disabled="disabled"></textarea> 
Código HTML:
<script language="javascript">
function txtAreaEnabled(radio, txtarea) {
    txtarea.disabled = radio[1].checked;
}
</script> 
Mira que la función según el parámetro puedes usarla con cualesquiera dos radios y otro textarea.

Se trata de que investigues un poco, como te dije, el tema ya fue tratado demasiadas veces.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #8 (permalink)  
Antiguo 04/09/2008, 15:21
Avatar de Zweeden  
Fecha de Ingreso: enero-2008
Mensajes: 42
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Problema: radio + textbox

Gracias capo, funciona de 10 ;)
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 02:22.