纯手工 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);
             }
         });
     }