上一篇我們已經(jīng)利用van-checkbox成功實(shí)現(xiàn)二級選擇器控制一級的選中狀態(tài),點(diǎn)擊此鏈接>>查看。
最后需要實(shí)現(xiàn)通過最外層全選按鈕全選所有選擇器的功能。

給全選按鈕添加click或change事件(都可)。
![]()
我們需要通過判斷全選按鈕的選中狀態(tài)來控制層疊選擇器是否全選,在checkAllLeader函數(shù)中執(zhí)行以下代碼:

當(dāng)全選時(shí),將一級選擇器選中狀態(tài)設(shè)置為true,并執(zhí)行上篇提到的checkAllMember方法,此時(shí)需要把item作為參數(shù)傳進(jìn)去以選中每個(gè)一級選擇器下的所有的二級選擇器;取消全選時(shí)同樣,將一級選擇器選中狀態(tài)設(shè)置為false并執(zhí)行checkAllMember方法。
實(shí)現(xiàn)效果如下:

開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
開啟了相對路徑模式,本地址是站外域名,不能轉(zhuǎn)為相對路徑(在關(guān)閉開發(fā)者模式后不顯示這句話))
