bootstrap switch checking checked status always returns false

Question

I don't want to listen for the event of the switch being toggled, instead I want to use JavaScript to check it's current checked state.

<input type="checkbox" name="pushtoggle" state="true" data-role="none">

I have this simple JavaScript to check the checked value:

if ($('#pushtoggle').is(':checked')){ alert('checked'); } else { alert('not checked');}

No matter which state (on or off) the switch is set to I always get the alert that it is not checked.

I initialized the toggle switch using:

$("[name='pushtoggle']").bootstrapSwitch();

I also tried setting the checked attribute within the input tag. Nothing works to get me the correct state of the switch.

Claudio Redi · Accepted Answer · 2014-07-23 16:12:18Z

10

You don't have any element with id = pushtoggle but you're using an id selector.

Try with this

if ($('[name="pushtoggle"]').is(':checked')){ 
  alert('checked'); 
} 
else { 
  alert('not checked');
}

answered Jul 23, 2014 at 16:12

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Wow, stupid mistake on my part... changed name to id and it worked. Thanks Claudio.

This one works with BS 5, the others don't work

prasun · Accepted Answer · 2016-02-25 08:04:27Z

5

$("[name='pushtoggle']").bootstrapSwitch('state')

prasun

7,3799 gold badges47 silver badges62 bronze badges

answered Feb 24, 2016 at 14:36

611 silver badge1 bronze badge

Thanks! This solution is good for setting too. $('#mySwitch').attr('checked', true); does nothing, .bootstrapSwitch('state',true) does.