官网地址

1.switchery官网地址
2.switchery github地址

使用

1.引入css以及css
2.1.html部分

 <input type="checkbox" id="status{{$express->id}}" ids="{{$express->id}}" class="js-switch"   {{$express->status==1?'checked':''}} data-color="#F7CB62"/>

2.2初始化开关

多个开关var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));$('.js-switch').each(function(k,v) {new Switchery($(this)[0], $(this).data());});});单个开关var elem = document.querySelector('.js-switch');var init = new Switchery(elem);

2.3点击开关时获取他的状态

页面只有单个开关的状态,false为关闭,true为开启
$('.js-switch').change(function () {
var status= $(this).prop("checked")
})
页面有多个开关时获取被操作开光的状态,,false为关闭,true为开启$(".js-switch").on('change', function () {var status=  $(this).prop("checked")})

switchery开关使用相关推荐

开关面板如何自己印字_如何自己动手做一个智能开关
现在的智能家居这么火,对于想自己动手的小伙伴们来说,都想自己去做一些家里使用的智设备.现在的中国不缺卖唱卖惨的,缺的是能动手创造一些能实际使用的而不是哗众取宠的人,天天喊着要反击外国技术封锁.那么我 ...
javascript开关_JavaScript开关案例简介
javascript开关 In this short article, I will introduce you to JavaScript switch cases and how to use t ...
多键开关 android8.0,手机桌面多键开关(SwitchPro Widget )
7键开关SwitchPro Widget 是款主屏幕窗口小部件工具,可用于开启/关闭多种系统功能,支持多种自定义设置,比原生的电量控制开关好用很多. 7键开关SwitchPro Widget并非只有7 ...
ansys大变形开关要不要打开_ANSYS不收敛问题的解决办法
笔者应聘时发现此公众号内容也备受同行专家认可, 继续努力,再接再厉! 本文经验是基于仿真秀专家学者总结,在此感谢仿真秀的支持与鼓励. 80%的线性不收敛都是因为接触问题!!! 一.材料问题的不收敛可以 ...
Matlab编程与数据类型 -- 开关语句switch/end
本微信图文详细介绍了Matlab中switch/end开关语句.
九、将cs文件快速的转换成可执行文件和响应文件(配置编译开关的文件)
1.将包含多个类型的源代码文件转换为可以部署的文件.有如下Program.cs的文件,代码如下: public sealed class Program{public static void Main ...
77底盒和86底盒的区别_86型开关底盒的具体参数
展开全部 86型开关底盒参数: 1. 标准尺寸:86毫米62616964757a686964616fe4b893e5b19e31333365663533*86毫米. 2.安装孔中心距 60毫米. 2. ...
上线稳定性如何保证？开关编程很有用
在日常工作中,无论是一周一个迭代,还是两周一个迭代,都避免不了上线的环节.唯一的区别就是上线的频次不同而已.那么我们如何保证在这么高频次的发版里面同时保证稳定性呢? 答案就是开关编程,所谓的开关编程其 ...
漫画：骚操作系列（灯泡开关的经典面试题）
来自:小浩算法昨天的排版简直逊爆了,让我很不满意!小浩作为一个处女座,追求完美是必须的.所以呢,今天的文章进行了多次的审阅才发出(当然,如果大家还觉得很丑.那我也只能再继续努力.毕竟我不是一个专业的 ...

switchery开关使用

官网地址

使用

switchery开关使用相关推荐

最新文章

热门文章