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

Question

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

这是我正在使用的代码

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

Answer 1

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

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