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.

score 9 · Accepted Answer · answered Jul 23 '14 at 16:12

9

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 '14 at 16:12

Claudio Redi

Wow, stupid mistake on my part... changed name to id and it worked. Thanks Claudio. – ldeluca Jul 24 '14 at 17:03

score 5 · Answer 2 · edited Feb 25 '16 at 08:04

5

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

edited Feb 25 '16 at 08:04

prasun

answered Feb 24 '16 at 14:36

Thanks! This solution is good for setting too. `$('#mySwitch').attr('checked', true);` does nothing, `.bootstrapSwitch('state',true)` does. – Matteo Ferla Oct 19 '17 at 16:33

2 Answers2