Question

56

On/Off: switch button bootstrap

rated 0 times [ 58] [ 2] / answers: 1 / hits: 43986 / 12 Years ago, wed, february 20, 2013, 12:00:00

Here is my code-

<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>

Script-

$(document).ready(function() {

        $('#normal-toggle-button').toggleButtons();

    });

I want a basic button given on this page- Switch buttons

I am doing all right. But something i still missed.

Check in here-
Fiddle

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

osvaldo

Add To Favorites

Follow

Total Points: 102

Total Questions: 95

Total Answers: 102

Location: Fiji

Member since Wed, Jul 14, 2021

3 Years ago

answered 12 Years ago kevonmoisesf · Accepted Answer

The simplest use of 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>