switchery按鈕的使用方法
1.先引入switchery.css 和 switchery.js
2.繪制 checkbox按鈕 : a.靜態(tài)頁(yè)面寫(xiě)法 未選中時(shí) <input type="checkbox" class="js-switch_3" /> 
選中時(shí) <input type="checkbox" class="js-switch_4" checked /> 
b.C# 寫(xiě)法 （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)頁(yè)面中只有一個(gè)checkbox 時(shí)：var elem = document.querySelector(".js-switch") var switchery= new Switchery( elem,{color : '#f8ac59'}).
當(dāng)有多個(gè)時(shí)：var elem = document.querySelector(".js-switch")
$.each(funtion (num) { var switchery = new Switchery(this, { color: '#1AB394', className: 'switchery-small' });}) ;
以上這篇switchery按鈕的使用方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript代碼運(yùn)行的過(guò)程中基本類型會(huì)找到對(duì)應(yīng)的包裝對(duì)象，然后包裝對(duì)象把所有的屬性和方法給了基本類型，然后包裝對(duì)象被系統(tǒng)進(jìn)行銷毀，所以理解了包裝對(duì)象可以很好的理解之前寫(xiě)的代碼為什么可以這樣做了。2015-07-07
本文主要介紹了canvas實(shí)現(xiàn)時(shí)鐘效果的代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
本篇文章主要介紹了js實(shí)現(xiàn)添加刪除表格（兩種方法）的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
淺談如何使用webpack構(gòu)建多頁(yè)面應(yīng)用
這篇文章主要介紹了淺談如何使用webpack構(gòu)建多頁(yè)面應(yīng)用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
關(guān)于window.pageYOffset和document.documentElement.scrollTop
window.pageYOffset：Netscape屬性，指的是滾動(dòng)條頂部到網(wǎng)頁(yè)頂部的距離2011-04-04
這篇文章主要介紹了JavaScript事件對(duì)象event用法,結(jié)合實(shí)例形式分析了事件對(duì)象event中常用的屬性、方法、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-07-07
CheckBox多選取值及判斷CheckBox選中是否為空的實(shí)例
下面小編就為大家?guī)?lái)一篇CheckBox多選取值及判斷CheckBox選中是否為空的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧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)頁(yè)中超鏈接數(shù)量的方法
這篇文章主要介紹了JavaScript返回網(wǎng)頁(yè)中超鏈接數(shù)量的方法,使用javascript中的document.links實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-04-04
javascript 實(shí)現(xiàn)的多瀏覽器支持的貪吃蛇webgame
兼容FF IE的javascript版貪吃蛇游戲，非常厲害的高手。2008-01-01