¿Acceder al elemento padre?

[IMAC/]

Buenas

Estoy manejando una estructura de arbol con javascript y quería que al quitarl el tick del checkbox de un hijo, se les quite también a los checkbox de sus padres ( o carpetas)

He probado cosas, pero no me da resultado.
La estructura sería tipo lista, algo como esto:

Código HTML:

<ul>
   <li>Carpeta Pepe</li>
   <li>Carpeta Juan
           <ul>
               <li> Subcarpeta Juan Perez
                     <ul>
                          <li>Archivo de Juan Perez</li>
                     </ul>
               </li>
          </ul>
   </li>
</ul> 

Es decir, que yo por ahora tengo hecho que seleccionando un checkbox en Carpeta Juan se seleccione tambien en Subcarpeta Juan Perez y Archivo de Juan Perez.
Y lo que intento ahora es que al deseleccionar Archivo de Juan Perez se deseleccionen todos sus padres.

¿como podría hacerlo?
He probado con nodo.parentNode, pero parece que no tira...

Saludos

[buzu]

parentNode debe funcionar. Usas por ejemplo el evento change del checkbox, algo parecido a:

Código javascript:

var chB = document.getElementById('idDeTuCheckbox');
chB.onchange = function(){
     if(this.checked = 'checked'){
          this.parentNode.getElementById('idChecboxdeParentNode').cheked = '';
     }else{
          this.parentNode.getElementById('idChecboxdeParentNode').cheked = 'checked';
     }
}
 

Hace tiempo que no trabajo con checkbox por lo que no estoy muy fresco en el asunto de comprobar si está checado o no, pero la idea es esa.

[IMAC/]

Iniciado por buzu

parentNode debe funcionar. Usas por ejemplo el evento change del checkbox, algo parecido a:

Código javascript:

var chB = document.getElementById('idDeTuCheckbox');
chB.onchange = function(){
     if(this.checked = 'checked'){
          this.parentNode.getElementById('idChecboxdeParentNode').cheked = '';
     }else{
          this.parentNode.getElementById('idChecboxdeParentNode').cheked = 'checked';
     }
}
 

Hace tiempo que no trabajo con checkbox por lo que no estoy muy fresco en el asunto de comprovar si está checado o no, pero la idea es esa.

Bueno, se me olvidó mencionar que no se el número de padres que puede haber. Es decir, que debería de coger varios padres (no se cuantos), todos los que haya por arriba.

Estoy usando un script que me coje todos los HIJOS con checkbox que hay por debajo de un LI, pero no se como hacer lo contrario...

Es decir, no se me ocurre qué puedo hacer para quedarme solo con los padres de un hijo...

Código javascript:

var padreDIV=chk;
 
   //este bucle son cosas mias, que hay más cosas dentro de cada <li> (divs, checkbox...etc) 
//que me tengo que ir saltando hasta llegar al LI padre
  while( padreDIV.nodeType==1 && padreDIV.tagName.toUpperCase()!="LI" ){
        padreDIV=padreDIV.parentNode;
  }
 
    //ahora que padreDIV es el DIV, cogeremos todos sus checkboxes
    var padreDIVinputs=padreDIV.getElementsByTagName("input");
    for(var i=0; i<padreDIVinputs.length; i++) {
        if( padreDIVinputs[i].getAttribute("type")=="checkbox" ){
            padreDIVinputs[i].checked = chk.checked;
        }
    }
 

PD: he modificado el código HTML que puse en el primer post. Se me olvidaron unos cuantos <ul>

[caricatos]

Hola:

Solo existe un nodo padre, si te refieres a algún ancestro, ya se trataría de parentNode.parentNode...

Saludos

[buzu]

bueno, eso es un problema. Si no sabes cuantos nodos tienes que subir, corres el peligro de subir hasta llegar a la raíz del documento. Un opción sería asignarle una clase a los niveles de hasta arriba, por ejemplo:

Código html:

<ul>
   <li class="topFolder">Carpeta Pepe</li>
   <li class="topFolder">Carpeta Juan
           <ul>
               <li> Subcarpeta Juan Perez
                     <ul>
                          <li>Archivo de Juan Perez</li>
                     </ul>
               </li>
          </ul>
   </li>
</ul>
 

Luego subes uno por uno los nodos tal como lo sugiere caricatos (hola) y por cada vez que subas checas si la clase del padre es topFolder. Si es topFolder, entonces ahí te detienes.

Espero que te sirvan mis sugerencias.

[IMAC/]

Iniciado por buzu

bueno, eso es un problema. Si no sabes cuantos nodos tienes que subir, corres el peligro de subir hasta llegar a la raíz del documento. Un opción sería asignarle una clase a los niveles de hasta arriba, por ejemplo:

Código html:

<ul>
   <li class="topFolder">Carpeta Pepe</li>
   <li class="topFolder">Carpeta Juan
           <ul>
               <li> Subcarpeta Juan Perez
                     <ul>
                          <li>Archivo de Juan Perez</li>
                     </ul>
               </li>
          </ul>
   </li>
</ul>
 

Luego subes uno por uno los nodos tal como lo sugiere caricatos (hola) y por cada vez que subas checas si la clase del padre es topFolder. Si es topFolder, entonces ahí te detienes.

Espero que te sirvan mis sugerencias.

Muchas gracias, algo así había pensado también, a ver si puedo hacerlo... ;)

Sigo admitiendo más posibilidades si tienen lugar ;)