纯手工 CheckboxTree 实现

数据结构及页面显示格式：

INSERT INTO AS_CombRules VALUES('', '', '', '', '', '', '')

实现 CheckboxTree 功能：

html代码：

<td align="center">
   <input type="checkbox" name="Ids" value="${asc.combRulesID}"
          onclick="onclickCheckbox(${asc.parentRuleId}, ${asc.combRulesID})"/>
   <input type="hidden" name="parentRuleId" value="${asc.parentRuleId}"/>
   <input type="hidden" name="child" value="${asc.child}"/>
</td>

js代码：

    //checkboxTree
    function onclickCheckbox(parentId, combRulesId) {
        var checked = true;
        var checkedF = 0;
        $("[name=Ids]:checkbox", navTab.getCurrentPanel()).each(function () {
            var combRulesID = $(this).val();
            var td = $(this).parents("td");
            var parentRuleId = td.find("input[name='parentRuleId']").val();
            var childCurr = td.find("input[name='child']").val();

            if (parentId == combRulesID) {
                //确定子节点取消数量
                $("[name=Ids]:checkbox", navTab.getCurrentPanel()).each(function () {
                    var td = $(this).parents("td");
                    var parentRuleIdse = td.find("input[name='parentRuleId']").val();
                    if (parentRuleIdse == parentId && parentRuleIdse != 0) {
                        if (!this.checked) {
                            checkedF = checkedF + 1;
                        }
                    }
                });
                //判断子节点取消数量和子节点的个数相等
                if (checkedF == childCurr) {
                    $(this).attr("checked", false);
                } else {
                    $(this).attr("checked", true);
                }
                onclickCheckbox(parentRuleId, null);
            }

            //根据主目录关联子目录
            if (combRulesId == parentRuleId) {
                //确定父节点选择状态
                $("[name=Ids]:checkbox", navTab.getCurrentPanel()).each(function () {
                    var combRulesIDF = $(this).val();
                    var td = $(this).parents("td");
                    if (combRulesId == combRulesIDF) {
                         checked = this.checked;
                    }
                });
                //子节点的选择状态和父节点相同
                $(this).attr("checked", checked);
                onclickCheckbox(null, combRulesID);
            }
        });
    }