微信小程序checkbox组件详解实例代码

实现效果图：

 
 {{item.value}}
 

Page({
 data: {
 items: [
 {name: &＃39;USA&＃39;, value: &＃39;美国&＃39;},
 {name: &＃39;CHN&＃39;, value: &＃39;中国&＃39;, checked: &＃39;true&＃39;},
 {name: &＃39;BRA&＃39;, value: &＃39;巴西&＃39;},
 {name: &＃39;JPN&＃39;, value: &＃39;日本&＃39;},
 {name: &＃39;ENG&＃39;, value: &＃39;英国&＃39;},
 {name: &＃39;TUR&＃39;, value: &＃39;法国&＃39;},
 ]
 },
 checkboxChange: function(e) {
 console.log(&＃39;checkbox发生change事件，携带value值为：&＃39;, e.detail.value)
 }
})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

以上就是微信小程序checkbox组件详解实例代码的详细内容，更多请关注 第一PHP社区 其它相关文章！