Ciao
Il problema è il seguente: ho un albero le cui voci sono delle checkbox.
Cliccando su una di esse voglio che si selezioni quella voce e tutte le sotto-voci di quel nodo.
La struttura dell'albero è la seguente:
codice:
<ul>
[*]<input type="checkbox" /><label>Voce 1</label>
<ul>
[*]<input type="checkbox" /><label>Sottovoce 1</label>[*]<input type="checkbox" /><label>Sottovoce 2</label>
<ul>
[*]<input type="checkbox" /><label>Oggetto 1</label>[*]<input type="checkbox" /><label>Oggetto 2</label>[/list]
[/list]
[*]<input type="checkbox" /><label>Voce 2</label>
<ul>
[*]<input type="checkbox" /><label>Sottovoce 1.b</label>[*]<input type="checkbox" /><label>Sottovoce 2.b</label>[/list]
[/list]
Se io clicco, per esempio, su Voce2, devo selezionare anche Sottovoce 1.b e Sottovoce 2.b.
Il mio script comincerebbe così:
codice:
$(function() {
$(':checkbox').each(function(){
$(this).click(function(){
$('this').parent('li').children().attr('checked','checked');
});
});
});
Se non ho scritto male vorrei che si comportasse in qesto modo:
- trova il padre della checkbox cliccata (che è un[*]),
- trova tutti i figli (che sono ancora[*])
- selezionali tutti.
NON FUNZIONA!
Una mano è graditissima!