有四級(jí)的checkbox,我歸為1234級(jí),全選開始一對(duì)多,然後下來都是多對(duì)多。 。
結(jié)果碰到了很多問題,這裡沒有用雙向綁定,用的是一個(gè)ui框架 layer。
現(xiàn)在的問題:我在點(diǎn)擊第4級(jí)的任何一個(gè)checkbox的時(shí)候,非常麻煩!要判斷父級(jí)再父級(jí)。 。 。 。依序像上!而且這個(gè)美化過的checkbox的checked狀態(tài)和點(diǎn)擊的p不是雙向綁定的。要在最後render一次! ! !所以我?guī)缀鯖]有辦法判斷同級(jí)的是否已經(jīng)全選,父級(jí)的是否全選。 。 。 。
附上文檔,http://www.layui.com/doc/modu...
求解思路! !
<p class="upfloor">
<p class="ltside">模塊</p>
<p class="rtside"><span>操作權(quán)限</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>結(jié)算</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>結(jié)算</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>打印</span>
<input type="checkbox" class="single" lay-skin="primary">
<span>反結(jié)算</span>
</p>
</p>
</p>
</p>
<!-- 庫(kù)存管理 -->
<p class="sdfloor floorsign">
<p class="ltside">
<input type="checkbox" lay-filter="choosepart" class="choosepart" lay-skin="primary">
<span>庫(kù)存管理</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>
閉關(guān)修行中......
樹形選單,從你點(diǎn)選的那個(gè)子節(jié)點(diǎn)往父節(jié)點(diǎn)遞歸,遞歸的時(shí)候判斷下面的子節(jié)點(diǎn)是不是都選中了,如果子節(jié)點(diǎn)都選中就把當(dāng)前節(jié)點(diǎn)置為ture