第微信小程序多項選擇器checkbox本文實例為大家分享了微信小程序多項選擇器checkbox的具體代碼，供大家參考，具體內容如下

第一的話就是我們的相關的布局文件：

view

view

view

view默認樣式/view

label

checkboxvalue="cb"checked="true"/選中

/label

label

checkboxvalue="cb"/未選中

/label

/view

view

view推薦展示樣式/view

view

checkbox-groupbindchange="checkboxChange"

labelwx:for="{{items}}"wx:key="{{item.value}}"

view

checkboxvalue="{{item.value}}"checked="{{item.checked}}"/

/view

view{{}}/view

/label

/checkbox-group

/view

/view

/view

/view

然后的話就是我們的小程序的邏輯部分：

Page({

//在我們的這個位置的話填充我們的相關的數據

onShareAppMessage(){

//在我們的這個位置的話就是闖進我們的相關的方法

return{

title:'checkbox',

path:'pages/checkbox/checkbox'

}

//然后的話就是填充我們的相關的數據：

data:{

//然后的話在我們的這個位置的話就是設置我們的相關的方法

items:[

{value:'usa',name:'影響力'},

{value:'usa',name:'影響力'},

{value:'usa',name:'韭菜的自我修養(yǎng)'},

{value:'usa',name:'你的名字'},

{value:'usa',name:'怪誕行為學',checked:'true'},

{value:'usa',name:'教父'},

{value:'usa',name:'經濟學原理'},

{value:'usa',name:'三國演義'},

{value:'usa',name:'絕對成交'},

{value:'usa',name:'行為經濟學講義'},

{value:'usa',name:'黑天鵝'},

{value:'usa',name:'灰犀牛'},

//在我們的額這個位置的話就是設置我們的相關的方法

//在我們的這個位置的話就是創(chuàng)建一個有參數的構造方法

checkboxChange(e){

//在我們的這位置的話就是在我們的控制臺中輸出我們需要的東西

console.log('checkbox發(fā)生change事件，攜帶value值為：',e.detail.value)

constitems=this.data.items

constvalues=e.detail.value

//然后的話在我們的這個位置使用我們的for循環(huán)來設置創(chuàng)建我們的相關的東西

for(leti=0,lenI=items.length;ilenI;++i){

//然后的話就是循環(huán)遍歷到后就獲取到我們的東西

items[i].checked=false

for(letj=0,lenJ=values.length;jlenJ;++j){

if(items[i].value===values[j]){

items[i].checked=true

break

}

}

}

//然后的話在我