Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/09/2011, 11:25
alexg88
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: Cómo para hacer un checkbox habilitar una caja de Texto

Podría ser algo así, pero el script es muy dependiente de la estructura HTML, asi que como cambies algo, el script no funcionará.

Código HTML:
Ver original
  1. <tr>
  2. <td><input type="checkbox" name="MEMORIA" value="ON" onclick="desactiva1(this)"/>MEMORIA</td>
  3. <td><input type="text" name="txtmemoria" value="" size="4" DISABLED/></td>
  4. <td><input type="checkbox" name="HANDS FREE" value="ON" onclick="desactiva1(this)" />HANDS FREE</td>
  5. <td><input type="text" name="txthands" value="" size="4" DISABLED/></td>
  6. </tr>
  7. <tr>
  8. <td><input type="checkbox" name="CABLE USB" value="ON" onclick="desactiva1(this)" />CABLE USB</td>
  9. <td><input type="text" name="txtusb" value="" size="4" DISABLED/></td>
  10. <td><input type="checkbox" name="DVD" value="ON" onclick="desactiva1(this)" />DVD</td>
  11. <td><input type="text" name="txtdvd" value="" size="4" DISABLED/></td>
  12. </tr>
  13. <tr>
  14. <td><input type="checkbox" name="CARGADOR" value="ON" onclick="desactiva1(this)"/>CARGADOR</td>
  15. <td><input type="text" name="txtcargador" value="" size="4" DISABLED/></td>
  16. <td><input type="checkbox" name="MANUAL" value="ON" onclick="desactiva1(this)"/>MANUAL</td>
  17. <td><input type="text" name="txtmanual" value="" size="4" DISABLED/></td>
  18. </tr>
  19. <tr>
  20. <td><input type="checkbox" name="CLIP" value="ON" onclick="desactiva1(this)"/>CLIP</td>
  21. <td><input type="text" name="txtclip" value="" size="4" DISABLED/></td>
  22. <td><input type="checkbox" name="CHIP" value="ON" onclick="desactiva1(this)"/>CHIP</td>
  23. <td><input type="text" name="txtchip" value="" size="4" DISABLED/></td>
  24. </tr>

Código Javascript:
Ver original
  1. function desactiva1(obj) {
  2.  
  3.     obj.parentNode.nextElementSibling.firstChild.disabled=!obj.checked;
  4.  
  5. }

Te dejo una demo:

http://jsfiddle.net/6f3H3/