上一篇我們已經(jīng)利用van-checkbox成功實現(xiàn)二級選擇器控制一級的選中狀態(tài),點擊此鏈接>>查看。
最后需要實現(xiàn)通過最外層全選按鈕全選所有選擇器的功能。
給全選按鈕添加click或change事件(都可)。
我們需要通過判斷全選按鈕的選中狀態(tài)來控制層疊選擇器是否全選,在checkAllLeader函數(shù)中執(zhí)行以下代碼:
當(dāng)全選時,將一級選擇器選中狀態(tài)設(shè)置為true,并執(zhí)行上篇提到的checkAllMember方法,此時需要把item作為參數(shù)傳進去以選中每個一級選擇器下的所有的二級選擇器;取消全選時同樣,將一級選擇器選中狀態(tài)設(shè)置為false并執(zhí)行checkAllMember方法。
實現(xiàn)效果如下: