Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use WeChat Mini Programs form component checkbox

Shulou Source: shulou.com Published: 2022-06-01 07:08:31 10月02日 Update

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

checkboxcheckbox-group

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

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

多选项目。

属性名类型默认值说明valueString标识,选中时触发的change事件,并携带的valuedisabledBooleanfalse是否禁用checkedBooleanfalse当前是否选中,可用来设置默认选中colorColorcheckbox的颜色,同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怎么用"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

Tags: Programs components forms events knowledge attributes types industries different practical content multiple practical practical arrays articles methods more logos cases Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Microsoft Linux OPPO Reno Huawei Redmi