微信小程序switch开关选择器使用详解

<view class="tui-list-box">
 <view class="tui-menu-list">
  <text>状态：{{ischecked1}}</text>
  <switch class="tui-fr" checked="{{ischecked1}}" bindchange="changeswitch1"/>
 </view>
 <view class="tui-menu-list">
  <text>状态：{{ischecked2}}</text>
  <switch class="tui-fr" checked="{{ischecked2}}" bindchange="changeswitch2"/>
 </view>
 <view class="tui-menu-list">
  <text>状态：{{ischecked3}}</text>
  <switch class="tui-fr" color="#007aff" checked="{{ischecked3}}" bindchange="changeswitch3"/>
 </view>
 <view class="tui-menu-list">
  <text>状态：{{ischecked4}}</text>
  <switch class="tui-fr" color="#007aff" checked="{{ischecked4}}" bindchange="changeswitch4"/>
 </view>
 <view class="tui-menu-list">
  <text>状态：{{ischecked5}}</text>
  <switch class="tui-fr" type="checkbox" checked="{{ischecked5}}" bindchange="changeswitch5"/>
 </view>
 <view class="tui-menu-list">
  <text>状态：{{ischecked6}}</text>
  <switch class="tui-fr" type="checkbox" checked="{{ischecked6}}" bindchange="changeswitch6"/>
 </view>
</view>

var pageobj = {
 data: {
  ischecked1: false,
  ischecked2: true,
  ischecked3: false,
  ischecked4: true,
  ischecked5: false,
  ischecked6: true
 }
};

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);