Foros del Web » Programando para Internet » Javascript »

Checkbox active Inputs JAVASCRIPT

Estas en el tema de Checkbox active Inputs JAVASCRIPT en el foro de Javascript en Foros del Web. Hola a todos bueno aca de nuevo con problemilla que tengo y quisiera que me ayuden. Resulta que tengo esta tabla Código HTML: <table width= ...
  #1 (permalink)  
Antiguo 20/06/2011, 21:37
 
Fecha de Ingreso: diciembre-2010
Ubicación: Perú
Mensajes: 18
Antigüedad: 13 años, 4 meses
Puntos: 0
Exclamación Checkbox active Inputs JAVASCRIPT

Hola a todos bueno aca de nuevo con problemilla que tengo y quisiera que me ayuden. Resulta que tengo esta tabla
Código HTML:
<table width="10%" border="1">
  <tr>
    <td width="47%" height="28" align="center">Col 1</td>
    <td width="53%" align="center">Col 2</td>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="input" id="input"></td>
    <td align="center"><input type="checkbox" name="input" id="input"></td>
  </tr>
  <tr>
    <td align="center"><input type="text" name="campo_0[]" disabled size="3"></td>
    <td align="center"><input type="text" name="campo_1[]" disabled size="3"></td>
  </tr>
  <tr>
    <td align="center"><input type="text" name="campo_0[]" disabled size="3"></td>
    <td align="center"><input type="text" name="campo_1[]" disabled size="3"></td>
  </tr>
</table> 
Cada columna en la parte superior tiene un checkbox y por defecto los inputs type text estan deshabilitados, yo quisiera que me ayudaran a hacer que al darle click al checkbox de la columna todos los imputs que esten en la misma columna se activen para poder ingresar datos.

Creo que eso no sera problema para los que sepan JavaScript que no manejo muy bien jeje.
  #2 (permalink)  
Antiguo 21/06/2011, 07:43
 
Fecha de Ingreso: junio-2011
Ubicación: Lima Peru
Mensajes: 13
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Checkbox active Inputs JAVASCRIPT

La verdad yo entre defrente con el JQuery y aprendi desde ahi... puedes aprenderlo rapidamente...
es una forma simplificada de Javascript...
primero establece ids para tus elementos html para trabajarlos especificamente

descargate el jquery-min de la pagina de jquery
y la importas a tu html
Código HTML:
Ver original
  1. <script type="text/javascript" src="jquery-1.1.1-min.js" (no recuerdo el nombre )></script>
con el jquery puedes hacer una funcion por ej:
Código HTML:
Ver original
  1. <script type="text/javascript">
  2. function cambiarest(texto){
  3. $("#"+text).removeAttr("disabled");
  4. }
  5. $(document).ready(function(){
  6. $("#check1").change(cambiarest("id-del-texto-q-quiero-habilitar"));
  7. }
  #3 (permalink)  
Antiguo 21/06/2011, 12:56
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Checkbox active Inputs JAVASCRIPT

Edita las líneas
Código HTML:
 <td align="center"><input type="checkbox" name="input" id="input" onclick="onOff(this)"></td>
    <td align="center"><input type="checkbox" name="input2" id="input2" onclick="onOff(this)"></td> 
Código Javascript:
Ver original
  1. function onOff(el){
  2.     var tr = el.parentNode.parentNode, i, td = tr.children, index = 0;
  3.     Object.prototype.next = function(){ //siguiente hijo
  4.         x=this.nextSibling;
  5.         while(x && x.nodeType!=1) x=x.nextSibling;
  6.         return x;
  7.     }
  8.     for(i=0;i<td.length;i++){ //encontrar numero de columna (index)
  9.         if(td[i].firstChild == el)  index = i;
  10.     }
  11.  
  12.     while(tr = tr.next()){ //habilitar campos de columna (index)
  13.         tr.getElementsByTagName("input")[index].disabled = !el.checked
  14.     }
  15. }
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */

Etiquetas: checkbox, inputs, php
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 05:09.