在表单中,如果有多个switch/checkbox,一个个地去赋值,还是太繁琐了。
如何批量处理呢?
一、wxml文件中的元素,一定要设置 id ,至于 name 最好也设置一下,方便后面提交表单。
有多个元素,只是 id, name 不同,事件是一样的,事件中依靠id来区分。
<switch id="xx" name="xx"
type="checkbox" checked="{{info.xx}}" bindchange="changeCheckBox"/>
<switch id="yy" name="yy"
type="checkbox" checked="{{info.xx}}" bindchange="changeCheckBox"/>
二、js 相关代码:
data: {
xx: false, //switch1
yy: false, //switch2
},
changeCheckBox:function(e){
let id = e.target.id;
this.setData({
[id]:e.detail.value
});
},