久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

04
2023/08

vantUI通過按鈕全選層疊選擇器

發(fā)布時間:2023-08-04 18:00:42
發(fā)布者:MaiMai
瀏覽量:
0

上一篇我們已經(jīng)利用van-checkbox成功實現(xiàn)二級選擇器控制一級的選中狀態(tài),點擊此鏈接>>查看。

最后需要實現(xiàn)通過最外層全選按鈕全選所有選擇器的功能。

全選按鈕

給全選按鈕添加click或change事件(都可)。

DOM結(jié)構(gòu)

我們需要通過判斷全選按鈕的選中狀態(tài)來控制層疊選擇器是否全選,在checkAllLeader函數(shù)中執(zhí)行以下代碼:

執(zhí)行方法

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

實現(xiàn)效果如下:

實現(xiàn)效果

關(guān)鍵詞:
返回列表