微信小程序checkbox组件使用详解

微信小程序checkbox组件使用详解

本文为大家分享了微信小程序checkbox组http://件的使用方法，供大家参考，具体内容如下

效果图

WXML

{{item.value}}

{{item}}

js

Page({

data: {

items: [

{ name: 'USA', value: '美国' },

{ name: 'CHN', value: '中国', checked: 'true' },http://

{ name: 'BRA', value: '巴西' },

{ name: 'JPN', value: '日本' },

{ name: 'ENG', value: '英国' },

{ name: 'TUR', value: '法国' },

],

checkArr: ['中国']

},

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});

}

})

总结

由于e.detail.value和this.data.items都是数组元素进行属性对比查找，所以此处采用了双循环。

forEach循环不能在循环中跳出，所以在循环this.data.items时采用for…of…

DEMO下载

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。