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

Question

我正在尝试在单击标签时使用toggleClass将类添加到标签。我遇到的麻烦是，当我在其中放入一个复选框时，只有当您单击复选框本身而不是文本时才会添加该类。我怎样才能使它在单击文本时添加类？

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

这是我正在使用的代码

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

Answer 1

不是绑定到标签点击事件，而是尝试绑定到复选框的更改事件：

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

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

Answer 2

尝试将click()功能更改为on change事件。 ：）

 $("label").on('change',function() {
       $(this).toggleClass("highlight");
 });