Foros del Web » Programando para Internet » Javascript » Frameworks JS »

activar checkbox padres

Estas en el tema de activar checkbox padres en el foro de Frameworks JS en Foros del Web. Buen día. Estoy tratando de resolver un problema con jQuery. tengo este código. Lo que quiero es lograr que cuando haga click en el checkbox ...
  #1 (permalink)  
Antiguo 10/11/2012, 08:24
Avatar de gersveo  
Fecha de Ingreso: julio-2008
Mensajes: 145
Antigüedad: 15 años, 9 meses
Puntos: 5
activar checkbox padres

Buen día.
Estoy tratando de resolver un problema con jQuery.
tengo este código.

Lo que quiero es lograr que cuando haga click en el checkbox hijo todos los padres sean checked=true osea se activen (los hermanos no se pueden activar). Ya logré que cuando un padre se desactive todos sus hijos se desactiven igualmente.

Código HTML:
Ver original
  1. <ul>
  2.     <li class="expandable">
  3.         <div class="hitarea expandable-hitarea"></div>
  4.         <span title="" id="mnu_39" class="folder">
  5.             <input type="checkbox" value="39" class="id_mnu">
  6.             Consultas
  7.          </span>
  8.         <ul style="">
  9.             <li class="expandable">
  10.                 <div class="hitarea expandable-hitarea"></div>
  11.                 <span title="" id="mnu_40" class="folder">
  12.                     <input type="checkbox" value="40" class="id_mnu">
  13.                     Reporte por proyecto
  14.                 </span>
  15.                 <ul style="">
  16.                     <li class="expandable">
  17.                         <div class="hitarea expandable-hitarea"></div>
  18.                         <span title="" id="mnu_2" class="folder">
  19.                             <input type="checkbox" value="2" class="id_mnu">
  20.                             Por proyecto o tarea
  21.                         </span>
  22.                         <ul style="">
  23.                             <li title="" class="mod_ajax" id="id_mod_ajax_13">
  24.                                 <span class="file">
  25.                                     <input type="checkbox" value="2" class="id_ajax">
  26.                                     proSave
  27.                                 </span>
  28.                             </li>
  29.                             <li title="" class="mod_ajax" id="id_mod_ajax_28">
  30.                                 <span class="file">
  31.                                     <input type="checkbox" value="2" class="id_ajax">
  32.                                     saveProyCollab
  33.                                 </span>
  34.                             </li>
  35.                         </ul>
  36.                     </li>
  37.                 </ul>
  38.             </li>
  39.         </ul>
  40.     </li>
  41. </ul>
  #2 (permalink)  
Antiguo 10/11/2012, 10:42
Avatar de gersveo  
Fecha de Ingreso: julio-2008
Mensajes: 145
Antigüedad: 15 años, 9 meses
Puntos: 5
Respuesta: activar checkbox padres

Solucionado!!!!!!!!!
de pronto a alguien le sirva...

Código Javascript:
Ver original
  1. $("ul li input:checkbox").attr("checked", false).click(function(){
  2.         if($(this).is(':checked')){
  3.           var band = true
  4.           var el = $(this).parents("li:first");
  5.            while (band){
  6.              if((num = $(el).parents("li:eq(0)").find("input:checkbox").first().attr("checked", true).length) > 0){
  7.                el = $(el).parents("li:eq(0)").find("input:checkbox").first().parents("li:first");
  8.              }else{
  9.                band = false;
  10.              }
  11.           }
  12.         }else{
  13.             $(this).parent().parent().find("input:checkbox").attr("checked", false);
  14.         }
  15.     });

Etiquetas: ajax, checkbox, input, js, padres
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 10:42.