本文為大家分享了微信小程序checkbox組件的使用方法,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比南崗網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式南崗網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋南崗地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
效果圖
WXML
{{item}}
JS
Page({ data: { items: [ { name: 'USA', value: '美國(guó)' }, { name: 'CHN', value: '中國(guó)', checked: 'true' }, { name: 'BRA', value: '巴西' }, { name: 'JPN', value: '日本' }, { name: 'ENG', value: '英國(guó)' }, { name: 'TUR', value: '法國(guó)' }, ], checkArr: ['中國(guó)'] }, checkboxChange: function (e) { var arr = []; e.detail.value.forEach(current => { for (var value of this.data.items){ if(current === value.name){ arr.push(value.value); break; } } }); this.setData({checkArr: arr}); } })
總結(jié)
DEMO下載
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。