switch开关的实现

2017-03-12  本文已影响0人  PHPNOTE
实现效果实现效果

实现方式:

  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>
上一篇下一篇

猜你喜欢

热点阅读