Tenho o seguinte código:
<input type="radio" name="Tipo" value="Sabonete"> Sabonete<br>
<input type="radio" name="TipoSabonete" value="Neutro"> Neutro<br>
<input type="radio" name="TipoSabonete" value="Phebo"> Phebo<br>
<input type="radio" name="TipoSabonete" value="Dove"> Dove<br>
<hr>
<input type="radio" name="Tipo" value="Informatica"> Informática<br>
<input type="radio" name="TipoInformatica" value="Notebook"> Notebook<br>
<input type="radio" name="TipoInformatica" value="Desktop"> Desktop<br>
<input type="radio" name="TipoInformatica" value="Tablets"> Tablets<br>
<hr>
<input type="radio" name="Tipo" value="Smartphones"> Smartphones<br>
<input type="radio" name="TipoSmartphones" value="LG"> LG<br>
<input type="radio" name="TipoSmartphones" value="Samsung"> Samsung<br>
<input type="radio" name="TipoSmartphones" value="Nokia"> Nokia<br>
Gostaria que o usuário ao selecionar o Sabonete, todos os campos ligados ao Sabonete ficassem marcados, o mesmo para o item Informática e Smartphones. Vi que aqui teve uma pergunta parecida, mas sou leigo em jquery e estou com dificuldades de entender os exemplos aplicados nesse link. Inclui somente 03 exemplos, o sistema terá na verdade mais itens.