<li><label class='checkbox inline'><input type='checkbox' name='type[]' value='{$item.id}' {present name="data.typeAry"} {if condition="in_array($item.id,$data.typeAry)"} checked="checked" {/if} {/present} />{$item.name}</label> <ul> {foreach name="item.secondList" item="kk"} <li> <label class='checkbox inline'><input type='checkbox' name='node[]' value='{$kk.id}' {present name="data.nodeAry"} {if condition="in_array($kk.id,$data.nodeAry)"} checked="checked" {/if} {/present} />{$kk.name}</label> {/foreach} </ul> </li>
模板中的代码
//选中上级默认全选下级
$(':checkbox[name="type[]"]').click(function () {
$(':checkbox', $(this).closest('li')).prop('checked', this.checked);
});
//选中下级,默认选中上级
$(':checkbox[name="node[]"]').click(function () {
var isChecked = $(this).is(":checked");
if(isChecked==true) {
$(this).parent().parent().parent().parent().find(':checkbox[name="type[]"]').prop('checked',true);
}else {
$(this).parent().parent().parent().parent().find(':checkbox[name="type[]"]').prop('checked',false);
}
});
jquery中的parent的认定
上一个元素