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截取click事件，那么......

$(this).click(callback)

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

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