CODEWITHSUNDEEP
jquerytwitter-bootstrap
Houman
Houman

Reputation: 66320

Twitter Bootstrap: How to see the state of a toggle button?

How do I see the state of a toggle button?

With a checkbox I can listen to "changed" event of the checkbox and do a $(this).is(":checked") to see what state it has. 

<a id="myId" class="btn" data-toggle="button"/>

But not sure how to do that with a toggle button?

Upvotes: 27

Views: 26147

Answers (2)

reubano
reubano

Reputation: 5363

If you're using jQuery to intercept the click event like so...

$(this).click(callback)

you need to get creative because .hasClass('active') doesn't report the correct value. In the callback function put the following:

$(this).toggleClass('checked')
$(this).hasClass('checked')

Upvotes: 5

Yohn
Yohn

Reputation: 2559

you can see what classes the button has..

$(this).hasClass('disabled') // for disabled states
$(this).hasClass('active') // for active states
$(this).is(':disabled') // for disabled buttons only

the is(':disabled') works for buttons, but not the link btns

Upvotes: 26

Related Questions