ThinkPHP3.2.3 勾选子级自动选择父级

<script type="text/javascript">
function checkHome($obj,$pid)
{
var checked=$obj.checked;
if(checked)
{
$('[pid='+$pid+']').attr('checked',true);
}
else
{
$('[pid='+$pid+']').attr('checked',false);
}
}
function check($obj,$id,$pid)
{
var checked=$obj.checked;
if(checked)
{
$('.check'+$id).attr('checked',true);
}
else
{
$('.check'+$id).attr('checked',false);
}
home($pid);
}
function home($pid)
{
var homeCheckedLength = $('[pid='+$pid+']:checked').length;
if(homeCheckedLength>0)
{
$('#'+$pid).attr('checked',true);
}
else
{
$('#'+$pid).attr('checked',false);
}
}
function checkChild($id,$pid)
{
var checkedLength=$('.check'+$id+':checked').length;
if(checkedLength>0)
{
$('#check'+$id).attr('checked',true);
}
else
{
$('#check'+$id).attr('checked',false);
}
home($pid);
}
</script>
<div class="bjui-pageContent">
<form action="{:U('setRule')}" class="pageForm" data-toggle="validate">
<input type="hidden" name="id" value="{$group.id}">
<volist name="tree" id="vo1">
<div style="margin: 0px 0px 40px 0px;">
<h4 style="font-weight: bold;">
<input type="checkbox"  name="rule[]" value="{$vo1.id}"

id="{$vo1.id}"
onclick="checkHome(this,{$vo1.id})"
<in name="vo1.id" value="$group.rules">checked</in>
>
{$vo1.title}
</h4>

<div>
<volist name="vo1['_data']" id="vo2">
<fieldset style="margin-top: 16px;">

<legend>
<input type="checkbox"  name="rule[]" value="{$vo2.id}"
pid="{$vo1.id}"
id="check{$vo2.id}"
onclick="check(this,{$vo2.id},{$vo1.id})"
<in name="vo1.id" value="$group.rules">checked</in>
>
{$vo2.title}
</legend>

<volist name="vo2['_data']" id="vo3">

<label for="" style="padding: 0px 5px 0px 50px;">
<input type="checkbox"  name="rule[]" value="{$vo3.id}"
pid="{$vo1.id}"
class="check{$vo2.id}"
onclick="checkChild({$vo2.id},{$vo1.id})"
<in name="vo1.id" value="$group.rules">checked</in>
>
{$vo3.title}
</label>

</volist>

</fieldset>
</volist>
</div>
</div>
</volist>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close">关闭</button></li>
<li><button type="submit" class="btn-default">保存</button></li>
</ul>
<ul style="position: relative; right: 620px; top: 4px;">
<li><input type="checkbox" class="checkboxCtrl" data-group="rule[]" data-toggle="icheck" data-label="全选" id="select-all" ></li>
</ul>
</div>