Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/05/2014, 02:15
roombah
 
Fecha de Ingreso: diciembre-2012
Mensajes: 75
Antigüedad: 12 años
Puntos: 2
Respuesta: Selectores complejos jQuery

Perdon por la tardanza pero tuve unos dias complicados

Ya solucione el problema lo escribo por si le sirviese a alguien en el futuro

Código HTML:
<div class="divComunidad">
 <div class="row">
    <input type="checkbox" class="comunidad">
  </div>
  <div class="row">
  <input type="checkbox" class="provincia">
  </div>
  <div class="row">
    <input type="checkbox" class="provincia">
  </div>
  <div class="row">
    <input type="checkbox" class="provincia">
  </div>
  <div class="row">
    <input type="checkbox" class="provincia">
  </div>
</div> 

Esa es mi estructura html repetida tantas veces como comunidades hay en España
y este es el jquery que hace lo que yo necesitaba, la verdad todo era cuestion del metodo parent() que hasta ahora no sabia que existia

Código:
$(".comunidad").each(function () {
  var comunidad = $(this);
  var row = comunidad.parent();
  var divComunidad = row.parent();

  comunidad.change( function () {
    var provincias = divComunidad.find(".provincia");

    if(comunidad.is(":checked")){
      provincias.prop("checked", true);
    }
    }else{
       provincias.prop("checked", false);
    }
);
});