亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - 關(guān)於checkbox的多層綁定
阿神
阿神 2017-05-16 13:11:32
0
1
626

有四級(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)修行中......

全部回覆(1)
小葫蘆

樹形選單,從你點(diǎn)選的那個(gè)子節(jié)點(diǎn)往父節(jié)點(diǎn)遞歸,遞歸的時(shí)候判斷下面的子節(jié)點(diǎn)是不是都選中了,如果子節(jié)點(diǎn)都選中就把當(dāng)前節(jié)點(diǎn)置為ture

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板