javascript - 标签上的toggleClass，其中包含复选框

Question

我尝试在单击标签时使用toggleClass 将类添加到标签。我遇到的问题是，当我在其中放置一个复选框时，只有当您单击复选框本身而不是文本时才会添加该类。如何才能在单击文本时添加该类？

http://jsfiddle.net/p8erw/1/

这是我正在使用的代码

$("label").click(function () {
    $(this).toggleClass("highlight");
});

Answer 1

不要绑定(bind)到标签单击事件，而是尝试绑定(bind)到复选框的更改事件:

$("input[type=checkbox]").on('change', function () {
    $(this).parent().toggleClass("highlight");
});

http://jsfiddle.net/p8erw/4/