有四級的checkbox，我歸為1234級，全選開始一對多，然後下來都是多對多。 。
結果碰到了很多問題，這裡沒有用雙向綁定，用的是一個ui框架 layer。
現在的問題：我在點擊第4級的任何一個checkbox的時候，非常麻煩！要判斷父級再父級。 。 。 。依序像上！而且這個美化過的checkbox的checked狀態和點擊的p不是雙向綁定的。要在最後render一次！ ！ ！所以我幾乎沒有辦法判斷同級的是否已經全選，父級的是否全選。 。 。 。
附上文檔，http://www.layui.com/doc/modu...
求解思路！ ！
<p class="upfloor">
<p class="ltside">模块</p>
<p class="rtside"><span>操作权限</span>
<input id="chooseall" type="checkbox" class="choosewhole" lay-filter="chooseall" lay-skin="primary">
<label class="chooseall">全选</label>
</p>
</p>
<p class="floor">
<!-- 开单接待 -->
<p class="frfloor floorsign">
<p class="ltside">
<input type="checkbox" lay-filter="choosepart" class="choosepart" lay-skin="primary">
<span>开单接待</span>
</p>
<p class="rtside h72">
<!-- 一组 -->
<p class="items">
<p class="groupall">
<input class="checkgroup" type="checkbox" lay-skin="primary">
<span>维修开单</span>
<p class="indexline"></p>
</p>
<p class="groupli">
<input type="checkbox" class="single" lay-skin="primary">
<span>开单</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>完工</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>结算</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>打印</span>
</p>
</p>
<p class="items">
<p class="groupall">
<input class="checkgroup" type="checkbox" lay-skin="primary">
<span>维修开单</span>
<p class="indexline"></p>
</p>
<p class="groupli">
<input type="checkbox" class="single" lay-skin="primary">
<span>开单</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>完工</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>结算</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>打印</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>反结算</span>
</p>
</p>
</p>
</p>
<!-- 库存管理 -->
<p class="sdfloor floorsign">
<p class="ltside">
<input type="checkbox" lay-filter="choosepart" class="choosepart" lay-skin="primary">
<span>库存管理</span>
</p>
<p class="rtside h394">
<p class="items">
<p class="groupall">
<input type="checkbox" class="checkgroup" lay-skin="primary">
<span>维修开单</span>
<p class="indexline"></p>
</p>
<p class="groupli">
<input type="checkbox" class="single" lay-skin="primary">
<span>维修开单</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>维修开单</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>维修开单</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>维修开单</span>
</p>
</p>
</p>
</p>
</p>
