微信小程序组件：switch 开关选择器解读和分析-미니 프로그램 개발-php.cn

switch 开关选择器组件说明:

switch，开关选择器。只能选择或者不选。这种属于表单控件或者查询条件控件。

switch 开关选择器示例代码运行效果如下：
微信小程序组件：switch 开关选择器解读和分析

下面是WXML代码：

 switch style      switch style      checkbox style      checkbox style      西游记里都有谁  牛魔王   孙悟空   猪八戒   旗木卡卡西

로그인 후 복사

下面是JS代码：

Page({ switch1Change: function (e){ console.log('switch1 发生 change 事件，携带值为', e.detail.value) }, switch2Change: function (e){ console.log('switch2 发生 change 事件，携带值为', e.detail.value) } })

로그인 후 복사

下面是WXSS代码：

.page { min-height: 100%; flex: 1; background-color: #FBF9FE; font-size: 32rpx; overflow: hidden; }

로그인 후 복사

switch 开关选择器的主要属性

属性名	类型	默认值	说明
checked	Boolean	false	是否选中
type	String	switch	样式，有效值：switch, checkbox
bindchange	EventHandle		checked改变时触发change事件，event.detail={ value:checked}