Necesito javascrip que habilite campos con un checkbox

soulbless · #1 (**permalink**) 04/11/2008, 10:26

Buenas tengo un problemilla y es que tengo un formulario.. en el cual tengo varios checkbox y varios campos de texto... necesito que al activar el checkbox se habilite el campo de texto.. y viceversa.
Espero contar con su ayuda!! Gracias!! adjunto el html

Código HTML:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<td width="5"><form id="form1" name="form1" method="post" action="">
  <table width="469" cellpadding="0" cellspacing="0">
    <col width="47" />
    <col width="270" />
    <col width="27" />
    <col width="66" />
    <col width="80" />
    <tr height="22">
      <td height="22" width="47">COD</td>
      <td width="322"><div align="center" class="Estilo3">SERVICIO DE FESTEJO</div></td>
      <td width="58">&nbsp;</td>
      <td width="58">&nbsp;</td>
    </tr>
    <tr height="17">
      <td height="17"></td>
      <td><div align="center">Descripciòn</div></td>
      <td>Cantidad</td>
      <td></td>
    </tr>
    <tr height="17">
      <td height="17">519</td>
      <td class="Estilo2">Sillas C/Faldon y Lazo</td>
      <td><label>
          <div align="center">
            <input name="textfield" type="text" id="textfield" value="" size="4" />
          </div>
        <div align="center"></div>
        <div align="center"></div></td>
      <td><label>
        <input name="checkbox" type="checkbox" id="checkbox" value="519" />
      </label></td>
    </tr>
    <tr height="17">
      <td height="17">520</td>
      <td class="Estilo2">Mesa C/Mantel y Blonda</td>
      <td><label>
          <div align="center">
            <input name="textfield2" type="text" id="textfield2" size="4" maxlength="4" />
          </div>
        <div align="center"></div>
        <div align="center"></div>
        </label></td>
      <td><input name="checkbox2" type="checkbox" id="checkbox2" value="520" /></td>
    </tr>
  </table>
</form>
</td>
<td class="clsNormal10" value="2">&nbsp;</td>
</body>
</html>

Fernand0 · #2 (**permalink**) 04/11/2008, 10:34

"necesito que al activar el checkbox se habilite el campo de texto.. y viceversa"

Como viceversa? Uno de los 2 tiene que estar habilitado...

Código HTML:

<input name="checkbox" type="checkbox" id="checkbox" value="519" onchange="if(this.checked) document.form1.textfield.disabled=false; else document.form1.textfield.disabled=true;">

Código HTML:

<input name="checkbox2" type="checkbox" id="checkbox2" value="520" onchange="if(this.checked) document.form1.textfield2.disabled=false; else document.form1.textfield2.disabled=true;">

David · #3 (**permalink**) 04/11/2008, 10:38

También podríamos simplificarlo un poco así:

Código html:

Ver original<input name="checkbox2" type="checkbox" id="checkbox2" value="520" onchange="document.form1.textfield2.disabled=!this.checked">

Fernand0 · #4 (**permalink**) 04/11/2008, 10:46

Por algo se pone "el Grande" xD

soulbless · #5 (**permalink**) 04/11/2008, 11:00

Viceversa en el sentido de que cuando lo desabilite.. no se pueda escribir en el :D

soulbless · #6 (**permalink**) 04/11/2008, 11:02

David.. no me funciono.. ese codigo.. sera.. que me falta poner otra cosa??

Fernand0 · #7 (**permalink**) 04/11/2008, 11:08

Cof... Cof.... (tos..)

Y el mio te funciono? :/

David · #8 (**permalink**) 04/11/2008, 11:10

¿Dónde lo pusiste?. Yo lo probé y me funcionó sin problemas

.

EDITO: Fernand0, los dos códigos hacen exactamente la misma cosa, la única diferencia es que yo simplifiqué el if pero sigue siendo básicamente la misma cosa.

soulbless · #9 (**permalink**) 04/11/2008, 11:16

No men tampoco.. sera que tengo que agregarle algun code.. al campo de texto?

David · #10 (**permalink**) 04/11/2008, 11:17

No llegaste a contestar mi pregunta, ¿cómo exactamente trataste de implementar el código?.

soulbless · #11 (**permalink**) 04/11/2008, 11:24

Amigos.. ya me funciona correctamente.. el unico problem.. es que tengo que activar y descactivar la casilla para que este no pueda escribir en el.. porque al abrilo por primera vez.. si se puede escribir sobre el sin estar activada.. que se puede hacer? :)

soulbless · #12 (**permalink**) 04/11/2008, 11:26

Aqui les envio como puse el code

Código HTML:

<body>
<td width="5"><form id="form1" name="form1" method="post" action="">
  <table width="469" cellpadding="0" cellspacing="0">
    <col width="47" />
    <col width="270" />
    <col width="27" />
    <col width="66" />
    <col width="80" />
    <tr height="22">
      <td height="22" width="47">COD</td>
      <td width="322"><div align="center" class="Estilo3">SERVICIO DE FESTEJO</div></td>
      <td width="58">&nbsp;</td>
      <td width="58">&nbsp;</td>
    </tr>
    <tr height="17">
      <td height="17"></td>
      <td><div align="center">Descripciòn</div></td>
      <td>Cantidad</td>
      <td></td>
    </tr>
    <tr height="17">
      <td height="17">519</td>
      <td class="Estilo2">Sillas C/Faldon y Lazo</td>
      <td><label>
          <div align="center">
            <input name="textfield" type="text" id="textfield" value="" size="4" />
          </div>
        <div align="center"></div>
        <div align="center"></div></td>
      <td><label>
        <input name="checkbox2" type="checkbox" id="checkbox2" value="520" onchange="document.form1.textfield.disabled=!this.checked"/>
      </label></td>
    </tr>
    <tr height="17">
      <td height="17">520</td>
      <td class="Estilo2">Mesa C/Mantel y Blonda</td>
      <td><label>
          <div align="center">
            <input name="textfield2" type="text" id="textfield2" size="4" maxlength="4" />
          </div>
        <div align="center"></div>
        <div align="center"></div>
        </label></td>
      <td><input name="checkbox" type="checkbox" id="checkbox" value="520" onchange="document.form1.textfield2.disabled=!this.checked"/></td>
    </tr>
  </table>
</form>
</td>
<td class="clsNormal10" value="2">&nbsp;</td>
</body>

David · #13 (**permalink**) 04/11/2008, 11:27

Coloca disabled="disabled" a tu input para que inicie deshabilitado.

Fernand0 · #14 (**permalink**) 04/11/2008, 11:27

Cita:

Iniciado por David el Grande

EDITO: Fernand0, los dos códigos hacen exactamente la misma cosa, la única diferencia es que yo simplifiqué el if pero sigue siendo básicamente la misma cosa.

Si ya se.. pero habia probado solo el tuyo :/

soulbless · #15 (**permalink**) 04/11/2008, 11:40

Listo ya me funciona perfectamente.. brothers.. Gracias por su valiosa ayuda..!! hay una manera de calificarlos? Soy nuevo en este foro..

Cita:

Fernand0 disculpa.. no habia visto tu codigo.. por eso probe solo el de david.. pero luego me funciono tambien! grax :)