树形问题到底,怎么调整

图片说明
这个树形是正常的,所有都可以实现,单选,全选,现在要修改成不让子集显示,只显示组名,但是选择组名同样也全选了子集,或者是不让子集选择,只能全选和全取消,

大概就是这样子

    <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,都有相关的设置