jQuery: checkbox per selezionare checkbox dello stesso gruppo

[aasmdaa]

Ho questa struttura:

[PHP]
<div>

<div class="float-left" style="width:150px;">
<input type="checkbox" name="8" id="8" value="8">
<label for="8">Nome ufficio</label>
</div>

<div class="float-left" style="width:100px;">
<input type="checkbox" name="selected[]" id="" value="1">
<label for="" class="inline"> Utente 1</label>
</div>

<div class="float-left" style="width:100px;">
<input type="checkbox" name="selected[]" id="" value="2">
<label for="" class="inline"> Utente 2</label>
</div>

</div>
[PHP]

In pratica sono uffici con i relativi utenti.
Vorrei che facendo il check/uncheck sil primo checkbox, ovvero quello del Nome Ufficio, venisse effettuato il check/uncheck anche su tutti utenti.

Ovviamente anche aggiungendo degli ID al div contenitore o agli altri.

Un aiuto sfruttando jQuery?

Grazie

[Vindav]

$("input:checkbox").click(function(){
	var isChecked = $(this).attr("checked");
	$("input:checkbox").each(function(){
		$(this).attr("checked",isChecked);
	});
});

[aasmdaa]

Così premendo un qualsiasi checkbox attiva/disattiva tutti i checkbox della pagina, mentre io voglio che premendo il solo checkbox relativo al nome ufficio attivi/disattiva solo i checkbox relativi a quell'ufficio.

Ho fatto così e funziona:

function sel(id_reparto) {
    if($("input#"+id_reparto).is(':checked')) {
        $("input."+id_reparto).attr('checked', true);
    } else {
        $("input."+id_reparto).attr('checked', false);
    }
} 

richiamando dall'input dell'ufficio/reparto la funzione sel(id_reparto) ed assegnando agli input relativi a quel reparto una classe con l'id_reparto:

<div><input type="checkbox" id="2" onclick="sel(2)">
 <div><input type="checkbox" class="2" value="1"></div>
 <div><input type="checkbox" class="2" value="2"></div>
 <div><input type="checkbox" class="2" value="3"></div>
</div> 

Funziona, ma non mi sembra molto elegante; forse sarebbe preferibile usare qualcosa tipo parent e each ma non capisco come fare.

[Vindav]

<input type="checkbox" class="ufficio"> 
<div>
 <input type="checkbox" value="1">
 <input type="checkbox" value="2">
 <input type="checkbox" value="3">
</div>

<input type="checkbox" class="ufficio"> 
<div>
 <input type="checkbox" value="1">
 <input type="checkbox" value="2">
 <input type="checkbox" value="3">
</div>

$(".ufficio").click(function(){
$(this).next().children().attr("checked",$(this).attr("checked"));
});

[aasmdaa]

ok ottima la tua soluzione. Io avevo modificato ancora e fatto così:

<div id="2">
<input type="checkbox" class="sel">
 <div><input type="checkbox" value="1"></div>
 <div><input type="checkbox" value="2"></div>
 <div><input type="checkbox" value="3"></div>
</div>

$(".sel").click(function() {
    var id_reparto = $(this).parent().attr('id');
    if($(this).is(':checked')) {
        $("div#"+id_reparto+" :checkbox").attr('checked', true);
    } else {
        $("div#"+id_reparto+" :checkbox:enabled").attr('checked', false);
    }
}); 

Così se un input è disabilitato non viene modificato.

Comunque ho capito che ci sono molte altre soluzioni con la flessibilità di jQuery (è solo che non sono ferrato in javascript). Ora ho comunque le idee un po' più chiare.

Grazie
ciao

[Vindav]

Si esistono mille soluzioni, questa per esempio se vuoi mantenere i div per ogni checkbox:

<div>
   <input type="checkbox" class="ufficio"> 
  <div>  
     <div><input type="checkbox" class="2" value="1"></div> 
     <div><input type="checkbox" class="2" value="2"></div> 
     <div><input type="checkbox" class="2" value="3"></div> 
  </div>
</div>

$(".ufficio").click(function(){
   var isChecked = $(this).attr("checked");
   $(this).next().children().each(function(){
      $(this).children().attr("checked",isChecked);
   });
});