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

Question

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

使用复选框,我可以收听复选框的"已更改"事件,并$(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 来拦截单击事件，如下所示...

$(this).click(callback)

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

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