本文为大家分享了微信小程序switch开关选择器使用方法,供大家参考,具体内容如下
效果图
WXML
Box">
状态:{{isChecked1}}
状态:{{isChecked2}}
状态:{{isChecked3}}
状态:{{isChecked4}}
状态:{{isChecked5}}
Box" checked="{{isChecked5}}" bindchange="changeSwitch5"/>
状态:{{isChecked6}}
Box" checked="{{isChecked6}}" bindchange="changeSwitch6"/>
JS
for (var i = 0; i < 7; ++i) {
(function (i) {
pageObj['changeSwitch' + i] = function (e) {
var changedData = {};
changedData['isChecked' + i] = !this.data['isChecked' + i];
this.setData(changedData);
}
})(i)
}
Page(pageObj);
(function (i) {
pageObj['changeSwitch' + i] = function (e) {
var changedData = {};
changedData['isChecked' + i] = !this.data['isChecked' + i];
this.setData(changedData);
}
})(i)
}
Page(pageObj);
switch组件的属性
- checked:是否选中—-false、true
- type:开关选择器的样式—-switch,checkBox
- color:switch 的颜色,同 css 的 color