Bootstrap switch change event not firing when state is changed from 'false' to 'true' dynamically

Question

I am using Bootstrap Switch in my project to show a warning flag. Each time I try to set value of switch from false to true dynamically it is not going in .bootstrapSwitch().on method. It is working fine on changing switch state from false to true dynamically. Fiddle below-

http://jsfiddle.net/aanurn0j/

Click 'Off', it alerts false. Now click 'On', its not alerting — nickalchemist, Aug 12 '15 at 10:58
$('#bootstrapswitch').bootstrapSwitch('state', false, false); $('#bootstrapswitch').bootstrapSwitch('state', true, true); — nickalchemist, Aug 12 '15 at 11:00

score 3 · Accepted Answer · answered Aug 12 '15 at 11:00

3

Set third parameter to false and it works.

$('#toggleSwitchOn').click(function () {
    $('#bootstrapswitch').bootstrapSwitch('state', true, false);
});

jsFiddle

answered Aug 12 '15 at 11:00

ankur140290

640
9
25

I didn't understand logic behind this – nickalchemist Aug 12 '15 at 11:03
The method state can receive an optional third parameter skip. if true, switchChange event is not executed. The default is false. – ankur140290 Aug 12 '15 at 11:09
I need something else, $(this).bootstrapSwitch({ onSwitchChange: function(e, state) { if(state == false){ //do something }else{ //do something } } }); Also, I need to make the switch to be ON! – Raru Feb 28 '20 at 10:44

Bootstrap switch change event not firing when state is changed from 'false' to 'true' dynamically

1 Answers1