switchery按鈕的使用方法
1.先引入switchery.css 和 switchery.js
2.繪制 checkbox按鈕 : a.靜態(tài)頁面寫法 未選中時 <input type="checkbox" class="js-switch_3" /> 
選中時 <input type="checkbox" class="js-switch_4" checked /> 
b.C# 寫法 （1） @Html.CheckBoxFor(m => m.Active, new { @Class = "js-switch", @checked = Model.Active }) <span> Activate</span>
（2） @Html.CheckBox("edit_forMave_" + i, new { @class = "js-switch", @checked = true })
3. script 中處理，是按鈕有點擊效果。
當(dāng)頁面中只有一個checkbox 時：var elem = document.querySelector(".js-switch") var switchery= new Switchery( elem,{color : '#f8ac59'}).
當(dāng)有多個時：var elem = document.querySelector(".js-switch")
$.each(funtion (num) { var switchery = new Switchery(this, { color: '#1AB394', className: 'switchery-small' });}) ;
以上這篇switchery按鈕的使用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序wx.previewImage預(yù)覽圖片實例詳解
下面通過實例代碼給大家講解了微信小程序wx.previewImage預(yù)覽圖片功能,需要的朋友可以參考下2017-12-12
在本篇文章里小編給大家整理的是關(guān)于js中Function引用類型常見有用的方法和屬性知識點，有興趣的朋友們可以學(xué)習(xí)下。2019-12-12
寫了幾個類，希望對大家有用。...2006-12-12
這篇文章主要為大家詳細介紹了Layui實現(xiàn)帶查詢條件的分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
圖片自動更新(說明)...2006-10-10
JavaScript正則驗證密碼強弱度的實現(xiàn)方法
這篇文章主要介紹了JavaScript正則驗證密碼強弱度的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
layui表格設(shè)計以及數(shù)據(jù)初始化詳解
