东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
04
2023/08

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

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

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

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

全選按鈕

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

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

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

執(zhí)行方法

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

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

實(shí)現(xiàn)效果

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