<强>微信小程序标签
<强>相关文章:
<强>微信小程序按钮
<强>微信小程序无线电
<强>微信小程序滑块
<强>微信小程序开关
<强>微信小程序textarea
<强>微信小程序picker-view
<强>微信小程序选择
<强>微信小程序标签
<强>微信小程序input
<强>微信小程序形式
<强>微信小程序复选框
实现效果图:
用来改进表单组件的可用性,使用<代码> 属性找到对应的<代码> id>
<代码> 优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。
目前可以绑定的控件有: <代码>按钮,复选框<代码> ,<代码>无线电,<代码> 切换。
属性名
类型
说明
为
字符串
绑定控件的id
<强>示例代码:
& lt;视图类=辈糠謘ection_gap”比;
& lt;视图类=皊ection__title”在表单组件在标签内& lt;/view>
& lt;复选框组类="集团" bindchange=癱heckboxChange”比;
& lt;视图类=" label 1 "天气:项=皗{checkboxItems}}”比;
& lt; label>
& lt;复选框隐藏值=" https://www.yisu.com/zixun/{{item.name}}”检查=" {{item.checked}} "祝辞& lt;/checkbox>
& lt;视图类=發abel-1__icon”比;
& lt;视图类=" label-1__icon-checked "祝辞& lt;/view>
& lt;/view>
& lt;文本类=" label-1__text "在{{item.value}} & lt;/text>
& lt;/label>
& lt;/view>
& lt;/checkbox-group>
& lt;/view>
& lt;视图类=辈糠謘ection_gap”比;
& lt;视图类=" section__title "祝辞标签用的标识表单组件& lt;/view>
& lt;单选组合类="集团" bindchange=皉adioChange”比;
& lt;视图类=發abel-2”天气:项=皗{radioItems}}”比;
& lt;广播id=" {{item.name}}”隐藏value=" https://www.yisu.com/zixun/{{item.name}}”检查=" {{item.checked}}祝辞& lt;/radio>
& lt;视图类=發abel-2__icon”比;
& lt;视图类=" label-2__icon-checked "祝辞& lt;/view>
& lt;/view>
& lt;标签类=發abel-2__text”=皗{item.name}}”祝辞& lt; text> {{item.name}} & lt;/text> & lt;/label>
& lt;/view>
& lt;/radio-group>
& lt;/view>
& lt;视图类=辈糠謘ection_gap”比;
& lt;视图类=" section__title "祝辞绑定button
& lt;标签类=發abel-3”比;
& lt; text>点击这段文字,按钮会被选中& lt;/text>
& lt;/label>
& lt;视图类=癰tn-area”比;
& lt;按钮类型=澳稀眓ame=" 1 " bindtap=皌apEvent祝辞按钮& lt;/button>
& lt;/view>
& lt;/view>
& lt;视图类=辈糠謘ection_gap”比;
& lt;视图类=" section__title "在标签内有多个时选中第一个& lt;/view>
& lt;标签类=發abel-4”比;
& lt; checkbox>选中我& lt;/checkbox>
& lt; checkbox>选不中& lt;/checkbox>
& lt; checkbox>选不中& lt;/checkbox>
& lt; checkbox>选不中& lt;/checkbox>
& lt;视图类=" label-4_text "在点我会选中第一个& lt;/view>
& lt;/label>
& lt;/view>
页面({
数据:{
checkboxItems:(
{名称:“美国”,价值:“美国”},
{名称:“中文”,价值:“中国”,检查:“真正的”},
{名称:“胸罩”,价值:“巴西”},
{名称:“日本”,价值:“日本”,检查:“真正的”},
{名称:“ENG”,价值:“英国”},
{名称:“病重”,价值:“法国”},
),
radioItems:(
{名称:“美国”,价值:“美国”},
{名称:“中文”,价值:“中国”,检查:“真正的”},
{名称:“胸罩”,价值:“巴西”},
{名称:“日本”,价值:“日本”},
{名称:“ENG”,价值:“英国”},
{名称:“病重”,价值:“法国”},
),
隐藏:假
},
checkboxChange:函数(e) {
var=e.detail.value检查
var改变={}
(var=0;我& lt;this.data.checkboxItems.length;我+ +){
如果(checked.indexOf (this.data.checkboxItems[我]. name) !==1) {
改变[' checkboxItems(“我+ +”)。']=true检查
其他}{
改变[' checkboxItems(“我+ +”)。检查']=false
}
}
this.setData(改变)
},
radioChange:函数(e) {
var=e.detail.value检查
var改变={}
(var=0;我& lt;this.data.radioItems.length;我+ +){
如果(checked.indexOf (this.data.radioItems[我]. name) !==1) {
改变[' radioItems(“我+ +”)。']=true检查
其他}{
改变[' radioItems(“我+ +”)。检查']=false
}
}
this.setData(改变)
}
})
