jquery - Twitter Bootstrap：如何查看切换按钮的状态？

Question

如何查看切换按钮的状态？

使用复选框，我可以收听复选框的“更改”事件并执行 a$(this).is(":checked")查看它的状态。

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

但不确定如何使用切换按钮来做到这一点？

Answer 1

你可以看到按钮有哪些类..

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

is(':disabled')适用于按钮，但不适用于链接btns

Answer 2

如果你使用 jQuery 来拦截click事件，像这样......

$(this).click(callback)

您需要发挥创意，因为.hasClass('active')没有报告正确的值。在callback函数中输入以下内容：

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