UL列表控制

<html>
<body>
<ul>
<li><input type="checkbox"  value="0001">menu01</li>
<li><input type="checkbox"  value="0032">menu02</li>
<li><input type="checkbox"  value="233">menu03
<ul>
<li><input type="checkbox"  value="2324">menu03+01</li>
<li><input type="checkbox"  value="2225">menu03+02</li>
<li><input type="checkbox"  value="3336">menu03+03</li>
</ul>
</li>
</ul>
</body>
</html>----------------
请问如何控制选中子节点时，其父节点自动选中，当父节点被选中时，其所有子节点被选中？谢谢！