插件下载地址：

http://夏哉。JB 51。net/201803/马援/jquery.onoff(jb51.net).压缩包

一个按钮小插件，首先引入钢性铸铁和射流研究…

脚本类型=' text/JavaScript ' src=' http :/js/jquery-1。11 .3 .js/脚本链接rel='样式表href='./js/dist/jquery。奥诺夫。CSS ' rel='外部无跟随'/脚本类型=' text/JavaScript ' src=' http :/js/dist/jquery。奥诺夫。js /脚本超文本标记语言只需要写一个投入

输入类型='复选框'选中onclick='showmodel(this)'/然后射流研究…中只需要加一个奥诺夫()

$("输入[类型=复选框]")。onoff()；你会发现一个普通的检验盒变成了开关按钮

关于颜色和样式，自己去钢性铸铁中找到相应的位置修改即可

{ content: 'OFF '之前的on offset switch-inner :左填充： 3pxcolor: # FFFFFF背景色-: # a 14776；}开/关开关-内部：在{ content: 'ON '之后；填充-右侧： 5px颜色： # 999999背景色-: # EEEEEEE；文本对齐：右侧；} 关于事件

我点击开关显示模态框

日本季刊日本季刊控制开关只需要这样就行

美元.道具('选中，真)//或错误的函数showmodel(ele){ if(！美元.是(' : checked '){ var html=$(ele).父项()。兄弟姐妹(' span ').html()；$('.面具')。show()；$('#reportName ').html(html)；$('#yzmBox ').html(MathRand())；} $('.取消")。解除绑定()。点击(函数(){ $(ele)).道具('选中'，真)$(' .面具')。hide()；}) $('.当然')。解除绑定()。单击(函数(){ if($(')).telBox输入')。val()==$('#yzmBox ').html()){ /*$ .Ajax({ URL : IP地址'/mmsdailunback/task 2/gettaskstypes '，data:{'areaCode':'01 '，' roleCode':'dhxt '，' appCode':'day_report '，' imei ' : ' 111111111111111 ' }，键入： ' POST '，dataType: ' json '，cache 333366成功){ for(var I in data){ var taskstypesubs=data[I].taskstypesubshtml=' div class=' col ' ' ' p onclick=' sliderDiv(this)' span class=' arrow down _ a '/span span ' data[I]。taskstype。taskstypename '/span/p ' ' ul class=' lidetail ' ' for(taskstypesubs中的var j){ html=' Li ' ' img src=' http 3360./img/adutility。png ' ' ' span ' taskstypesubs[j]. "输入类型="复选框已选中/onclick=" show model(this)" "/Li " } html="/ul/div " } $(" # AuditBox ").追加(html)；$("输入[类型=复选框]")。onoff()；} } });*/} }) } 总结

以上所述是小编给大家介绍的jquery.onoff实现简单的开关按钮功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！