數(shù)據(jù)驅動、堅持為客戶提供有價值的服務和內(nèi)容
在微信小程序開發(fā)購物車功能時,全選,單選是基本需要的功能,一般有的作者喜歡用radio組件實現(xiàn),有的喜歡用checkbox組件實現(xiàn),本篇文章講解的是radio組件的實現(xiàn)原理及代碼,好,馬上進入正題。
radio組件全選按鈕功能實現(xiàn)
上圖中商品列表的左邊radio組件就是全選按鈕,實現(xiàn)思路是:當所有子項都選中時,顯示選中狀態(tài),否則為不選中狀態(tài)。未選中狀態(tài)時點擊操作,把所有子項都所中。選中狀態(tài)點擊操作,把所有子項都不選中。
邏輯講完上簡化后主要邏輯代碼: