试试这个...

$(":checkbox").on('click', function(){
     $(this).parent().toggleClass("checked");
});

字符串
Example
你好啊。

您可以使用.change()绑定到change事件;然后使用.closest()和.toggleClass()在祖元素中添加或删除selected类名。

$("input:checkbox").change(function(){
  $(this).closest(".table-col").toggleClass('selected', this.checked);
});

字符串
See it here.

给予你的复选框一个名字，这样jQuery就可以钩住它：

$('input[name=foo]').is(':checked')

字符串

$（this）只会引用你的复选框（这样你就可以根据你的代码找到它的祖父级），当你在一个事件处理程序中时，通过将它分配给复选框元素来调用它，就像@cimmanon暗示的那样。
因此，如果你将.change（）处理程序分配给你的复选框，$（this）将引用你的复选框。实际上你可以在一行中这样做，因为你可能想打开或关闭“selected”类：

$(":checkbox").change(function () {
    $(this).parent().parent().toggleClass('selected');
         });

字符串
否则，$（this）引用引发事件的控件例如，如果您正在执行此代码以响应按钮单击处理程序，则$（this）将引用按钮。

超文本标记语言：

<div class="parent">
   <div class="child1">
       <input type="checkbox"/>
   </div>
   <div class="child2">TARGET</div>
<div>

字符串
CSS：

.parent:has(input:checked)
{
  //CSS FOR .parent, WHEN CHECKBOX CHECKED
}
.parent:has(input:checked) .child2
{
  //CSS FOR TARGET, WHEN CHECKBOX CHECKED
}

型