美文网首页
switch开关的实现

switch开关的实现

作者: PHPNOTE | 来源:发表于2017-03-12 21:35 被阅读0次
    实现效果实现效果

    实现方式:

    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>
    

    相关文章

      网友评论

          本文标题:switch开关的实现

          本文链接:https://www.haomeiwen.com/subject/rpsxnttx.html