2023年微信小程序表单组件 checkbox

作者: --时间: 2025-07-21 23:53:49 阅读量：

利用微信小程序表单组件 checkbox 让您的企业更高效

多项选择器checkbox-group是一种方便的微信小程序表单组件，允许用户在一组选项中选择多个选项。在许多业务场景中，这个组件都能提高企业的工作效率。

1. 什么是 checkbox-group 组件？

checkbox-group组件是由多个checkbox单个选项组成的集合，它们通常都有相同的属性和行为：

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

通过利用checkbox-group组件，我们可以轻松地将多个选项放在一起，并在用户选择后获得所选选项的值。

2. 如何使用 checkbox-group 组件？

使用checkbox-group组件非常简单，我们只需要在checkbox-group内部放置多个checkbox选项即可。下面是一个示例：

<checkbox-group bindchange="checkboxChange">
  <label class="checkbox" wx:for-items="{{items}}">
    <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  </label>
</checkbox-group>

3. checkbox 组件的常见属性

checkbox是指每一个选择项。下面列出了checkbox支持的常见属性：

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

使用value属性可以标识每一个选择项，用户选中时触发checkbox-group的change事件，并携带checkbox的value。通过设置checked属性可以指定checkbox是否被默认选中。

4. 示例代码

Page({
  data: {
    items: [
      {name: 'USA', value: '



			

				上一篇：2023年微信小程序表单组件 

				下一篇：2023年微信小程序表单组件 form 

				

					供应商入驻

					多用户分账方案

					商城源码

					查看更多

				

			

			

				

					B2B2C多用户商城系统

					支持企业自营与商户入驻模式共存

					会员一站式精细化营销工具

					多用户分销，带来爆发式增长

					系统支持平台自营+供应商店铺共存的经营模式(类天猫&京东模式)，帮助企业打造生态级商业平台为目的的电子商务系统。

					免费试用系统

				

				

					B2B2B电商交易系统

					优化供应链协作

					授信及账期支付

					商品按照数量阶梯设价

					全渠道订货/采购及经销商管理数字化系统,实现供应链整合和交易便捷化。

					免费试用系统

				

				

					S2B2B电商交易系统

					供销一体化，提高市场集中度

					集团管控一体化，有效实现供需匹配

					移动应用一体化，提高运营综合效率

					上下游资源整合数字化解决方案，赋能产业供应链，构建产业互联网生态体系。

					免费试用系统