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

这篇文章主要介绍了微信小程序  checkbox组件详解及简单实例的相关资料,需要的朋友可以参考下

实现效果图：

checkbox-group

多选项目组，内部由多个checkbox组成。

checkbox-group内只能包含checkbox

checkbox-group中选中项发生改变是触发change事件，detail = {value:[选中的checkbox的value的数组]}

示例：

 checkbox-group bindchange= checkboxChange 
 label >
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中文网其它相关文章！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！