微信小程序|小程序开发
微信小程序 label组件
微信小程序-小程序开发实现效果图：
id97网站源码,vscode中的插件禁用怎么办,ubuntu变量设置,找tomcat文件夹,宿迁爬虫防治,杭州php工资待遇,信息优化和seo有什么区别lzw
会员虚拟网站源码,vscode更改括号的颜色,在线制作ubuntu,使用tomcat的好吃,杭州爬虫抓取,php垃圾吗,无锡seo公司找哪家好,手游源码网站,化妆品手机网站中文模板lzw
用来改进表单组件的可用性，使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。
源码转中文,vscode uml插件,新版ubuntu安装3D桌面,tomcat无法kill,sqlite软件批量删除,tom微信公众平台插件,vue属于前端的框架吗,python怎么爬虫搜索图片,php5.4 下载,招聘seo兼职,如何修改网站底部,微信网页点击效果代码,系统界面设计模板lzw
for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。
目前可以绑定的控件有：button,checkbox,radio,switch。
示例代码：
表单组件在label内label用for标识表单组件绑定buttonlabel内有多个时选中第一个
Page({ data: { checkboxItems: [ {name: USA, value: 美国}, {name: CHN, value: 中国, checked: rue}, {name: BRA, value: 巴西}, {name: JPN, value: 日本, checked: rue}, {name: ENG, value: 英国}, {name: TUR, value: 法国}, ], radioItems: [ {name: USA, value: 美国}, {name: CHN, value: 中国, checked: rue}, {name: BRA, value: 巴西}, {name: JPN, value: 日本}, {name: ENG, value: 英国}, {name: TUR, value: 法国}, ], hidden: false }, checkboxChange: function(e) { var checked = e.detail.value var changed = {} for (var i = 0; i < this.data.checkboxItems.length; i ++) { if (checked.indexOf(this.data.checkboxItems[i].name) !== -1) { changed[checkboxItems[+i+].checked] = true } else { changed[checkboxItems[+i+].checked] = false } } this.setData(changed) }, radioChange: function(e) { var checked = e.detail.value var changed = {} for (var i = 0; i < this.data.radioItems.length; i ++) { if (checked.indexOf(this.data.radioItems[i].name) !== -1) { changed[ adioItems[+i+].checked] = true } else { changed[ adioItems[+i+].checked] = false } } this.setData(changed) }})
.label-1, .label-2{ margin-bottom: 15px;}.label-1__text, .label-2__text { display: inline-block; vertical-align: middle;}.label-1__icon { position: relative; margin-right: 10px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: #fcfff4;}.label-1__icon-checked { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; background: #1aad19;}.label-2__icon { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; width: 18px; height: 18px; background: #fcfff4; border-radius: 50px;}.label-2__icon-checked { position: absolute; left: 3px; top: 3px; width: 12px; height: 12px; background: #1aad19; border-radius: 50%;}.label-4_text{ text-align: center; margin-top: 15px;}
相关文章：
微信小程序 数据访问实例详解
微信小程序开发教学实例步骤详解
微信小程序开发小程序架构篇图解
