Problema: radio + textbox

[Zweeden]

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.

[David]

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.

[Zweeden]

Y que coloco en el evento onclick del radio para que cambie a disabled? ese es mi problema.

[David]

http://www.forosdelweb.com/f13/faqs-...25/#post259661

[Zweeden]

Gracias, si no me sale vuelvo a postear ;)

[Zweeden]

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 :)

[David]

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.

[Zweeden]

Gracias capo, funciona de 10 ;)