导航：首页 > 开发技术 >

微信小程序表单组件checkbox怎么用

发表于：2025-01-29 作者：千家信息网编辑

千家信息网最后更新 2025年01月29日，这篇文章主要介绍"微信小程序表单组件checkbox怎么用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"微信小程序表单组件checkbox怎么用"文章能帮助大

千家信息网最后更新 2025年01月29日微信小程序表单组件checkbox怎么用

这篇文章主要介绍"微信小程序表单组件checkbox怎么用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"微信小程序表单组件checkbox怎么用"文章能帮助大家解决问题。

checkbox

checkbox-group

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

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

checkbox

多选项目。

属性名	类型	默认值	说明
value	String		标识，选中时触发的change事件，并携带的value
disabled	Boolean	false	是否禁用
checked	Boolean	false	当前是否选中，可用来设置默认选中
color	Color		checkbox的颜色，同css的color

示例：

{{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怎么用"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。

很赞哦！