Foros del Web » Programando para Internet » Javascript »

Cómo para hacer un checkbox habilitar una caja de Texto

Estas en el tema de Cómo para hacer un checkbox habilitar una caja de Texto en el foro de Javascript en Foros del Web. Una ayuda tengo estos chekbox y quisiera habilitarlos cada caja de texto tiene su chekbox <table> <tr> <td><input type="checkbox" name="MEMORIA" value="ON" onclick="desactiva1(this)"/>MEMORIA</td> <td><input type="text" name="txtmemoria" ...
  #1 (permalink)  
Antiguo 05/09/2011, 10:16
Avatar de acasaverde  
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 36
Antigüedad: 12 años, 7 meses
Puntos: 0
Mensaje Cómo para hacer un checkbox habilitar una caja de Texto

Una ayuda tengo estos chekbox y quisiera habilitarlos cada caja de texto tiene su chekbox


<table>
<tr>
<td><input type="checkbox" name="MEMORIA" value="ON" onclick="desactiva1(this)"/>MEMORIA</td>
<td><input type="text" name="txtmemoria" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="HANDS FREE" value="ON" />HANDS FREE</td>
<td><input type="text" name="txthands" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="CABLE USB" value="ON"/>CABLE USB</td>
<td><input type="text" name="txtusb" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="DVD" value="ON" />DVD</td>
<td><input type="text" name="txtdvd" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="CARGADOR" value="ON" />CARGADOR</td>
<td><input type="text" name="txtcargador" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="MANUAL" value="ON" />MANUAL</td>
<td><input type="text" name="txtmanual" value="" size="4" DISABLED/></td>
</tr>
<tr>
<td><input type="checkbox" name="CLIP" value="ON" />CLIP</td>
<td><input type="text" name="txtclip" value="" size="4" DISABLED/></td>
<td><input type="checkbox" name="CHIP" value="ON" />CHIP</td>
<td><input type="text" name="txtchip" value="" size="4" DISABLED/></td>
</tr>
</table>

y su escript es:


function desactiva1(obj) {
frm=obj.form.elements;
for(i=0;i<frm.length;i++)
if(frm[i].type=='text')
frm[i].disabled= !obj.checked;;
}

ala hora de hacerle click en uno me lo activa todos y yo solo kiero q me lo habilite la caja q le corresponde al chekbox... Gracias
  #2 (permalink)  
Antiguo 05/09/2011, 11:25
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
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/
  #3 (permalink)  
Antiguo 05/09/2011, 15:27
Avatar de acasaverde  
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 36
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Cómo para hacer un checkbox habilitar una caja de Texto

Muchas Gracias Brother mas bien otro favor como haria para que mediante la seleccion de un combobox se me activen los chekbox de acuerdo a una categoria que se encuentren en el combobox.
ejemplo:
en la categoria a se encuentra solo : clip y chip
en la categoria b se encuentra : dvd y cargador

ala hora de hacer click en en combo se deve de de acticar los chekbox pero esooo se va a estar jalando desde una base de datos sql

Etiquetas: html
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 15:41.