How to get twitter bootstrap toggle switch values using jquery

Question

I am using http://bootstrapswitch.site/ for toggle switch buttons. How can I get the toggle switch like 'on' or 'off' using jQuery?

My Code is :

<div class="make-switch  switch-small"><input type="radio" class="nsfw"></div>

Please tell me how to solve this issue.

score 66 · Accepted Answer · edited Jul 13 '18 at 09:32

66

$('#switcher').bootstrapSwitch('state'); // true || false
$('#switcher').bootstrapSwitch('toggleState');

Refer this link for more functions

edited Jul 13 '18 at 09:32

Adeel Ansari

answered Dec 20 '13 at 16:31

janhartmann

2

$('#switcher').bootstrapSwitch('**state**'); – user2744169 Jun 21 '14 at 17:27
1

Why $('#switcher').bootstrapSwitch('state'); will overide the existing widget? – JaskeyLam Apr 20 '15 at 07:17
@janhartmann seems an update have been done, so `$('#switcher').bootstrapSwitch('setState', false);` does not work anymore, should be `$('#switcher').bootstrapSwitch('state', false);` – Dalin Huang May 15 '17 at 14:50
Fixed @DanielH :-) – janhartmann May 16 '17 at 03:30

score 17 · Answer 2 · answered Feb 13 '16 at 01:46

17

As far as I can tell the method has been updated (but not well documented).

$('#switcher').bootstrapSwitch('state', true)
$('#switcher').bootstrapSwitch('state', false)

answered Feb 13 '16 at 01:46

bplittle

1

weird, the documentation is still not updated! Thanks for the tip! – Anupam Nov 05 '16 at 08:01
this one works for me, thanks! (seems like an update) – Dalin Huang May 15 '17 at 14:49

score 3 · Answer 3 · answered Jun 02 '16 at 02:34

3

About changing state in my case,

('#switcher').bootstrapSwitch('state', false);

It's correct code.

answered Jun 02 '16 at 02:34

Hajime

score 1 · Answer 4 · answered Oct 21 '20 at 03:52

1

$('#switcher').bootstrapSwitch('state');

Not work for me, but in my version:

$("#switcher").bootstrapSwitch("status");

can work well.

answered Oct 21 '20 at 03:52

Siro

4 Answers4