这个树形是正常的,所有都可以实现,单选,全选,现在要修改成不让子集显示,只显示组名,但是选择组名同样也全选了子集,或者是不让子集选择,只能全选和全取消,
大概就是这样子
<script type="text/javascript">
$(function(){
$("input:eq(0)").click(function(){
alert($("input:eq(0):checked").length)
if($("input:eq(0):checked").length==1)
{
$("div>input[type=checkbox]").attr("checked",true)
}
else if($("input:eq(0):checked").length==0){
$("div>input[name=check]").removeAttr("checked")
}
})
})
</script>
<input type="checkbox" name="che"/>chekall
<div id="">
<input type="checkbox" name="check" id="check1" value="" />check1
<input type="checkbox" name="check" id="check2" value="" />check2
<input type="checkbox" name="check" id="check3" value="" />check3
<input type="checkbox" name="check" id="check4" value="" />check4
<input type="checkbox" name="check" id="check5" value="" />check5
</div>
把组名当做父元素,选择父元素就是选择所有的子元素,子元素按钮禁用,
父节点的closed属性设置true,就可以关闭组了,你可以上网搜一下zNode或者其他的树API,都有相关的设置