国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 checkbox組件詳解及簡單實例

2019-11-19 18:02:07
字體:
來源:轉載
供稿:網友
 微信小程序表單組件 checkbox

相關文章:

微信小程序 Button

微信小程序 radio

微信小程序 slider

微信小程序 switch

微信小程序 textarea

微信小程序 picker-view

微信小程序 picker

微信小程序 label

微信小程序 input 

微信小程序 form

微信小程序 checkbox

實現效果圖:


checkbox-group

多選項目組,內部由多個checkbox組成。

checkbox-group內只能包含checkbox

屬性名 類型 默認值 說明
bindchange EventHandle   checkbox-group中選中項發生改變是觸發change事件,detail = {value:[選中的checkbox的value的數組]}

checkbox

多選項目。

屬性名 類型 默認值 說明
value String   checkbox標識,選中時觸發checkbox-group的change事件,并攜帶checkbox的value
disabled Boolean false 是否禁用
checked Boolean false 當前是否選中,可用來設置默認選中

示例:

<checkbox-group bindchange="checkboxChange"> <label class="checkbox" wx:for-items="{{items}}"> <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label></checkbox-group>
Page({ data: { items: [ {name: 'USA', value: '美國'}, {name: 'CHN', value: '中國', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英國'}, {name: 'TUR', value: '法國'}, ] }, checkboxChange: function(e) { console.log('checkbox發生change事件,攜帶value值為:', e.detail.value) }})

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平武县| 平顶山市| 肥城市| 遵义县| 兴海县| 巴里| 海晏县| 班玛县| 丽江市| 政和县| 名山县| 永川市| 广宁县| 云和县| 讷河市| 吉木乃县| 银川市| 武宁县| 河西区| 大荔县| 临江市| 泸水县| 营口市| 临颍县| 六枝特区| 政和县| 江西省| 洪湖市| 蕉岭县| 芜湖县| 体育| 文化| 芷江| 马关县| 卫辉市| 安徽省| 雅江县| 嫩江县| 天等县| 五家渠市| 古丈县|