微信小程序中checkbox组件有什么用

这篇文章给大家分享的是有关微信小程序中checkbox组件有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

凤阳网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。成都创新互联公司2013年至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司

实现效果图:

微信小程序中checkbox组件有什么用

checkbox-group

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

checkbox-group内只能包含checkbox

属性名类型默认值说明
bindchangeEventHandle
checkbox-group中选中项发生改变是触发change事件,detail = {value:[选中的checkbox的value的数组]}

checkbox

多选项目。

属性名类型默认值说明
valueString
checkbox标识,选中时触发checkbox-group的change事件,并携带checkbox的value
disabledBooleanfalse是否禁用
checkedBooleanfalse当前是否选中,可用来设置默认选中

示例:


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

感谢各位的阅读!关于“微信小程序中checkbox组件有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站题目:微信小程序中checkbox组件有什么用
标题路径:http://azwzsj.com/article/gcidid.html