> 微信小程序开发教程手册 > wxapp表单组件 switch

微信小程序switch

开关选择器

属性名 类型 默认值 说明
checked Boolean false 是否选中
type String switch 样式,有效值:switch, checkbox
bindchange EventHandle   checked 改变时触发change事件,event.detail={ value:checked}
color Color   switch的颜色,同CSS的color
<view class="body-view">
    <switch checked bindchange="switch1Change"/>
    <switch bindchange="switch2Change"/>
</view>
page({
  switch1Checked: function (e){    console.log('switch1 发生 change 事件,携带值为', e.detail.value)  },
  switch2Change: function (e){    console.log('switch2 发生 change 事件,携带值为', e.detail.value)
  }
})

wxapp表单组件 switch