How to switch the button state please?

[bambinou1980]

Hello,

 

I am having a problem, I need 3 buttons like the 3 you see at the bottom left of this page:

 

http://www.bootstrap-switch.org/examples.html

 

 

My problem, is that I cannot work out how to only switch one button at the time:

<input type="checkbox" name="my-checkbox" class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-animate bootstrap-switch-on">

<input type="checkbox" name="my-checkbox" class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-animate bootstrap-switch-on">

<input type="checkbox" name="my-checkbox" class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-animate bootstrap-switch-off">

 

 

I tried this but it does not stop work:

 

                    <script>

                    $("[name='my-checkbox']").bootstrapSwitch();

                    $('input[name="my-checkbox"]').bootstrapSwitch('state', true, true);

                    $('.bootstrap-switch-animate').on('switch-change', function () {

                    $("[name='my-checkbox']").bootstrapSwitch('toggleState');

                    });

                    //or

                    $('.bootstrap-switch-animate').on('switch-change', function () {

                    $("[name='my-checkbox']").bootstrapSwitch('setState', false);;

                     });

                    // or

                    $('.bootstrap-switch-animate').on('switch-change', function () {

                    $("[name='my-checkbox']").bootstrapSwitch('setState', false);;

                    });

                    </script>

 

 

What I am trying to achieve is to only have 1 buttons on while the other 2 turn off.

 

Thank you,

 

Ben

Edited September 28, 2015 by cyberRobot
added code tags

[requinix]

Use radio buttons instead of checkboxes.

[bambinou1980]

Thank you so much!