javascript - 使用 Jquery 选中时更改复选框的背景颜色

Question

我正在尝试更改带有复选框的 div 的背景颜色。我做了这个http://jsfiddle.net/B7P65/以供引用。我正在尝试用“突出显示”div 替换父 div，所以我认为切换 div 会起作用。取消选中复选框后，我希望背景颜色恢复正常(或删除“突出显示”div)。感谢您的帮助。

Answer 1

您正在使用 parent()方法不正确。您想要从 parent() 方法中提取 toggleClass() 方法并将其单独放置。

尝试以下更新:

$(this).parent().toggleClass("highlight");

完成:

$("input:checkbox").click(function() {
    var actualTime = "";
    $(this).parent().toggleClass("highlight");
});

演示:http://jsfiddle.net/Hmq65/