El siguiente ejemplo cumple con recursividad, algo necesario cuando se trabaja con anidaciones
$(function () {
$(".autoCheckbox").on("click",function () {
var expr="li input[type=checkbox]",
$this = $(event.target);
while ($this.length) {
$input = $this.closest("li").find(expr);
if ($input.length) {
if ($this[0]==event.target) {
checked = $this.prop("checked");
$input.each(function () {
$(this).prop("checked", checked)
.css("opacity","1.0");
});
}
checked=$input.is(":checked")
$this.prop("checked", checked);
if (checked && $input.length!=$this.closest("li").find(expr+":checked").length) {
$this.css("opacity","0.5");
} else {
$this.css("opacity","1.0");
}
}
$this=$this.closest("ul").closest("li").find(expr.substr(3)+":first");
}
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="autoCheckbox">
<li>
<input type="checkbox" id="Inicio">Inicio
<ul>
<li>
<input type="checkbox" id="Sub-Mail">Sub-Mail
</li>
<li>
<input type="checkbox" id="test">test
<ul>
<li>
<input type="checkbox" id="Sub-Mail 2">Sub-Mail 2
</li>
<li>
<input type="checkbox" id="test 2">test 2
<ul>
<li>
<input type="checkbox" id="Sub-Mail 3">Sub-Mail 3
</li>
<li>
<input type="checkbox" id="test 3">test 3
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<input type="checkbox" id="Mail">Mail
<ul>
<li>
<input type="checkbox" id="Sub-Mail">Sub-Mail
</li>
<li>
<input type="checkbox" id="test">test
<ul>
<li>
<input type="checkbox" id="Sub-Mail 2">Sub-Mail 2
<ul>
<li>
<input type="checkbox" id="Sub-Mail 3">Sub-Mail 3
</li>
<li>
<input type="checkbox" id="test 3">test 3
</li>
</ul>
</li>
<li>
<input type="checkbox" id="test 2">test 2
<ul>
<li>
<input type="checkbox" id="Sub-Mail 3">Sub-Mail 3
</li>
<li>
<input type="checkbox" id="test 3">test 3
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>