Sh4d0wn

Tenho o código abaixo:

<ul><li><input type="checkbox" value="Pages\Home.page">Home.page</li>
<li><input type="checkbox" value="Pages\Home.php">Home.php</li>
<li><input type="checkbox" value="">Pages\Security
<ul>
<li><input type="checkbox" value="Pages\Security\CreateGroup.page">CreateGroup.page</li>
<li><input type="checkbox" value="Pages\Security\CreateGroup.php">CreateGroup.php</li>
<li><input type="checkbox" value="Pages\Security\CreateUser.page">CreateUser.page</li>
<li><input type="checkbox" value="Pages\Security\CreateUser.php">CreateUser.php</li>
<li><input type="checkbox" value="">Pages\Security\Etc
<ul>
<li><input type="checkbox" value="Pages\Security\Etc\Teste.page">Teste.page</li>

</ul></li>
<li><input type="checkbox" value="Pages\Security\Groups.page">Groups.page</li>
<li><input type="checkbox" value="Pages\Security\Groups.php">Groups.php</li>
</ul></li>
</ul>

Meu conhecimento em Javascript é perto de zero.

Como posso fazer com que ao clicar no checkbox "Pages\Security" todos os nós filho sejam marcados também??

Na verdade, a ideia é que eu possa clicar no checkbox "pai" e os filhos sejam marcados