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