javascript - 带有复选框的标签上的切换类

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");
 });