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

Question

如何查看开关按钮的状态？

对于复选框，我可以监听“更改”事件并执行$(this).is(":checked")来查看其状态。

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

但是不确定如何使用切换按钮来完成这个操作？

- Houman

Answer 1

您可以看到按钮具有哪些类别。

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

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

- Yohn

---

抱歉，我尝试了将其作为普通按钮，但 is(':disabled') 不起作用。它始终为 false。 - Houman

这里有一个 JSFiddle，结果我们必须等待按钮更改为禁用类，该 Fiddle 有一个示例，说明如何检查它，应该可以工作。 - Yohn

Answer 2

如果您正在使用jQuery拦截click事件，操作如下...

$(this).click(callback)

你需要有创意，因为 .hasClass('active') 不会报告正确的值。在 回调函数 中放入以下内容：

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

- reubano