微信小程序switch开关选择器怎么用-创新互联

这篇文章将为大家详细讲解有关微信小程序switch开关选择器怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联建站是网站建设技术企业，为成都企业提供专业的做网站、网站制作，网站设计，网站制作，网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例，为您定制适合企业的网站。十余年品质，值得信赖！

具体内容如下

效果图

WXML

 
  状态：{{isChecked1}}
  
 
 
  状态：{{isChecked2}}
  
 
 
  状态：{{isChecked3}}
  
 
 
  状态：{{isChecked4}}
  
 
 
  状态：{{isChecked5}}
  
 
 
  状态：{{isChecked6}}
  
 

JS

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

switch组件的属性

• checked：是否选中—-false、true

• type：开关选择器的样式—-switch, checkbox

• color：switch 的颜色，同 css 的 color

关于“微信小程序switch开关选择器怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：微信小程序switch开关选择器怎么用-创新互联
文章起源：http://cdkjz.cn/article/ijdge.html