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 中處理，是按鈕有點(diǎn)擊效果。
當(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)文章
javascript代碼運(yùn)行的過程中基本類型會找到對應(yīng)的包裝對象，然后包裝對象把所有的屬性和方法給了基本類型，然后包裝對象被系統(tǒng)進(jìn)行銷毀，所以理解了包裝對象可以很好的理解之前寫的代碼為什么可以這樣做了。2015-07-07
本文主要介紹了canvas實(shí)現(xiàn)時鐘效果的代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本篇文章主要介紹了js實(shí)現(xiàn)添加刪除表格（兩種方法）的實(shí)例代碼。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
淺談如何使用webpack構(gòu)建多頁面應(yīng)用
這篇文章主要介紹了淺談如何使用webpack構(gòu)建多頁面應(yīng)用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
關(guān)于window.pageYOffset和document.documentElement.scrollTop
window.pageYOffset：Netscape屬性，指的是滾動條頂部到網(wǎng)頁頂部的距離2011-04-04
這篇文章主要介紹了JavaScript事件對象event用法,結(jié)合實(shí)例形式分析了事件對象event中常用的屬性、方法、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-07-07
CheckBox多選取值及判斷CheckBox選中是否為空的實(shí)例
下面小編就為大家?guī)硪黄狢heckBox多選取值及判斷CheckBox選中是否為空的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
兼容多瀏覽器的iframe自適應(yīng)高度(ie8 、谷歌瀏覽器4.0和 firefox3.5.3)
iframe在ie8 、谷歌瀏覽器4.0和 firefox3.5.3均成功自適應(yīng)高度.2009-11-11
JavaScript返回網(wǎng)頁中超鏈接數(shù)量的方法
這篇文章主要介紹了JavaScript返回網(wǎng)頁中超鏈接數(shù)量的方法,使用javascript中的document.links實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-04-04
javascript 實(shí)現(xiàn)的多瀏覽器支持的貪吃蛇webgame
兼容FF IE的javascript版貪吃蛇游戲，非常厲害的高手。2008-01-01