switch开关的实现

实现效果
实现效果

实现方式:

  1. 创建checkbox元素: <input type="checkbox" checked="" />
  2. 将checkbox样式改为switch开关样式,并加上绑定代码:
<script type="text/javascript">
   require(['bootstrap.switch','util'], function($,util){
      $(function(){
     $(':checkbox').bootstrapSwitch();
     $(':checkbox').on('switchChange.bootstrapSwitch', function(e, state){
            console.log($(this).bootstrapSwitch('state'));  //打印当前switch状态
     });
      });
   });
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,169评论 19 139
  • /Library/Java/JavaVirtualMachines/jdk-9.jdk/Contents/Home...
    光剑书架上的书阅读 9,478评论 2 8
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 7,866评论 1 18
  • 图片发自简书App 日历, 挂在墙上, 像心里的一幅画, 每天都是数的变幻, 轻数细捻中, 溜走的是回忆, 写下的...
    洁语落笔尖阅读 1,603评论 1 1

友情链接更多精彩内容