微信小程式 switch元件(開關選擇器)

2022-04-29 10:48:11 字數 1471 閱讀 9410

狀態:}text>

class="tui-fr"

checked="}"

bindchange="changeswitch1"/>

view>

class="tui-menu-list">

狀態:}text>

class="tui-fr"

checked="}"

bindchange="changeswitch2"/>

view>

class="tui-menu-list">

狀態:}text>

class="tui-fr"

color="#007aff"

checked="}"

bindchange="changeswitch3"/>

view>

class="tui-menu-list">

狀態:}text>

class="tui-fr"

color="#007aff"

checked="}"

bindchange="changeswitch4"/>

view>

class="tui-menu-list">

狀態:}text>

class="tui-fr"

type="checkbox"

checked="}"

bindchange="changeswitch5"/>

view>

class="tui-menu-list">

狀態:}text>

class="tui-fr"

type="checkbox"

checked="}"

bindchange="changeswitch6"/>

view>

view>

var pageobj = 

};for (var i = 0; i < 7; ++i) ;

changeddata['ischecked' + i] = !this.data['ischecked' + i];

this.setdata(changeddata);

}})(i)

}page(pageobj);

checked:是否選中—-false、true

type:開關選擇器的樣式—-switch, checkbox

color:switch 的顏色,同 css 的 color

我的部落格,歡迎交流!

我的csdn部落格,歡迎交流!

前端筆記專欄

前端筆記列表

遊戲列表

微信小程式 switch元件(開關選擇器)

狀態 狀態 狀態 狀態 狀態 狀態 var pageobj for var i 0 i 7 i changeddata ischecked i this.data ischecked i this.setdata changeddata i page pageobj switch元件的屬性 chec...

微信小程式 switch元件(開關選擇器)

狀態 text class tui fr checked bindchange changeswitch1 view class tui menu list 狀態 text class tui fr checked bindchange changeswitch2 view class tui me...

微信小程式 switch元件實現

紅色switch元件 綠色switch元件 綠色禁用switch元件 藍色switch元件 開 藍色switch元件 關 switch list fui switch fui switch checked fui switch after,fui switch before fui switch b...