Javascript 仅高亮显示'；它包含一个复选框

我有一个表，其中所有列都有背景色，但最后一列是复选框。我需要使用jquery仅在选中复选框时高亮显示单元格，而在未选中复选框时取消高亮显示。我不想突出显示整行，因为它看起来不正确，因为背景色，这就是为什么我只希望选中td with复选框时突出显示。救命啊

JSP:

---

您可以针对父TD并设置背景色：

if( $(this).is(":checked") ){       
    labelNbrs += vals[0] + ',';
    loadDates += vals[1] + ',';
    eventInd = vals[2];
    $(this).parent("td").css("background", "color"); // <-- I would prefer making a CSS class called "active" then using the toggleClass().
} else {
    labelNbrs = labelNbrs.replace(vals[0]+',', '');
    loadDates = loadDates.replace(vals[1]+',', '');
    $(this).parent("td").css("background", "color");

if（$（this）.is（“：checked”）{
labelNbrs+=vals[0]+'，'；
loadDates+=vals[1]+'，'；
eventInd=VAL[2]；
$（this.parent（“td”）.css（“背景”、“颜色”）；//您可以查看

css是

 table{border: 1px solid;}
.highlight{background: red;}

您还可以明确地说，要针对表中的复选框，还可以使用toggleClass方法添加和删除css类。谢谢！Yoda它工作了，但在查看要求后，我发现整行需要突出显示！我该如何添加给每个td一个id，以便整行都被突出显示或删除还有其他方法吗？对不起，我不在。只要用最近的tr替换td，就会在DOM中搜索最近的tr
if( $(this).is(":checked") ){       
    labelNbrs += vals[0] + ',';
    loadDates += vals[1] + ',';
    eventInd = vals[2];
    $(this).parent("td").css("background", "color"); // <-- I would prefer making a CSS class called "active" then using the toggleClass().
} else {
    labelNbrs = labelNbrs.replace(vals[0]+',', '');
    loadDates = loadDates.replace(vals[1]+',', '');
    $(this).parent("td").css("background", "color");

    $(document).ready(function(){
  $("input[type='checkbox']").change(function(e) {
    if($(this).is(":checked")){ 
   $(this).closest('td').addClass("highlight");

  }
    else{
      $(this).closest('td').removeClass("highlight");
    }


  });
});

 table{border: 1px solid;}
.highlight{background: red;}