javascript – 开/关:切换按钮引导程序

前端之家收集整理的这篇文章主要介绍了javascript – 开/关:切换按钮引导程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的代码
<div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;">
            <div style="left: 0px; width: 150px;"><input type="checkBox" checked="checked"><span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;">ON</span><label for="" style="width: 50px; height: 25px;"></label><span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;">OFF </span></div>
        </div>
    </div>

脚本-

$(document).ready(function() {
        $('#normal-toggle-button').toggleButtons();
    });

我想在这个页面上给出一个基本按钮-Switch buttons

我做得很好.但我还是错过了一些东西.

在这里检查 –
Fiddle

解决方法

最简单的使用bootstrapSwitch

Demo

<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>

<input type="checkBox">
<script>
  $('input:checkBox').bootstrapSwitch();
</script>

猜你在找的JavaScript相关文章