當前位置:
首頁 > 最新 > 小程序框架中多項選擇器的使用及方法

小程序框架中多項選擇器的使用及方法

GIF/11K


小程序框架中多項選擇器的使用及方法

checkbox多項選擇器組件,也就是我們常說的複選框,用來進行多項選擇的時候會用到checkbox多項選擇器。它的屬性如圖所示。

checkbox-group是用來容納checkbox多項選擇器的容器,它有一個綁定事件bindchange,中選中項發生改變時觸發change事件,detail={value[選中的checkbox的value的數組]}。

下面,我們來演示一下checkbox多項選擇器的使用,以及獲取選中的value值。

1、在WXML文件里使用checkbox進行界面布局,具體代碼如下:

2、在js文件里,添加checkboxChange事件函數,獲取複選框選中的值,並將其列印出來,具體代碼如下:

上述代碼效果圖如下:

從圖中可以看出,被禁用的複選框是不能進行使用的,在checkbox-group上面綁定bindchange事件,每次勾選時,會將所有勾選的複選框的值以數組的形式存在detail里。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 行家匯 的精彩文章:

include once和require once語言結構
PHP中require和include語言結構的比較
PHP中的return語言結構使用及說明
微信開發中圖像介面的用戶上傳證件信息頁面設計

TAG:行家匯 |

您可能感興趣

葡萄酒杯的選擇和使用方法
金庸群俠傳5選擇新增原著角色MOD的安裝及使用方法詳解
機器學習中的模型評價、模型選擇和演算法選擇!
掌握皮草的選擇和搭配方法這麼簡單
項鏈吊墜如何選擇 教你一些簡單的小方法
美國美妝品牌選擇瀏覽器AR試用工具而不是移動應用
綜述論文:機器學習中的模型評價、模型選擇與演算法選擇
聚會的完美時刻,使用裝飾派對選擇是一種非常簡單的方式
怎樣選擇廚房用具 各類廚具選購攻略分享
男女都適用的小方法,選擇適合自己的方法,讓你的痔瘡不再尷尬!
「大小臉」的治療方法(一)治療方法的選擇
DNF暗槍與光槍平民性價比換裝方案選擇
運動方式的選擇及如何堅持
GO語言用戶調查:更多程序員選擇在工作中使用該語言!
文胸的尺碼怎麼選擇 簡單方法教你挑選
果樹滴灌施肥系統的常用選擇方案
中老年如何根據自己的體型選擇適當的鍛煉方法
歐美范衣服搭配方式 選擇這幾款外套才合適
紙尿褲與尿布的選擇和使用方式
怎樣製作補水面膜 4種搭配方法任你選擇