jquery.onoff实现简单的开关按钮功能(推荐)

前端之家收集整理的这篇文章主要介绍了jquery.onoff实现简单的开关按钮功能(推荐)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

插件下载地址:

一个按钮小插件,首先引入css和js

html只需要写一个input

Box" checked onclick="showmodel(this)"/>

然后js中只需要加一个.onoff()

Box]').onoff();

你会发现一个普通的checkBox变成了开关按钮

关于颜色和样式,自己去css中找到相应的位置修改即可

关于事件

我点击开关显示模态框

jq控制开关只需要这样就行

Box').html(mathRand()); } $(".cancel").unbind().click(function(){ $(ele).prop("checked",true) $('.mask').hide(); }) $(".sure").unbind().click(function(){ if($(".telBox input").val()==$('#yzmBox').html()){ /*$.ajax({ url: ipAddress + "/MMSDailyBackstage/task2/getTaskTypes",data:{"areaCode":"01","roleCode":"dhxt","appCode":"day_report","imei":"111111111111111"},type : "POST",dataType: "json",cache: false,async: false,success:function(json){ var data=json.data; var html=""; if(json.success){ for(var i in data){ var taskTypeSubs=data[i].taskTypeSubs; html+='
'+data[i].taskType.taskTypeName+'

'+ '
    '+taskTypeSubs[j].subTaskName+''+ 'Box" checked/ onclick="showmodel(this)">'+ '' } html+='
' } $('#auditBox').append(html); $('input[type=checkBox]').onoff(); }
    } 
  });*/ 
} 

})
}

总结

以上所述是小编给大家介绍的jquery.onoff实现简单的开关按钮功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的jQuery相关文章