Jquery 使用复选框更改表格单元格背景颜色

$（'selectall1'）。单击（函数（事件）{
如果（选中此项）{
$（'.first'）。每个（函数（）{
this.checked=true；
});
$（'.second'）。每个（函数（）{
此项检查=错误；
});
$（'.third'）。每个（函数（）{
此项检查=错误；
});
}否则{
$（'.first'）。每个（函数（）{
此项检查=错误；
});
}
});
$（'#selectall2'）。单击（函数（事件）{
如果（选中此项）{
$（'.second'）。每个（函数（）{
this.checked=true；
});
$（'.first'）。每个（函数（）{
此项检查=错误；
});
$（'.third'）。每个（函数（）{
此项检查=错误；
});
}否则{
$（'.second'）。每个（函数（）{
此项检查=错误；
});
}
});
$（'#选择全部3'）。单击（函数（事件）{
如果（选中此项）{
$（'.third'）。每个（函数（）{
this.checked=true；
});
$（'.first'）。每个（函数（）{
此项检查=错误；
});
$（'.second'）。每个（函数（）{
此项检查=错误；
});
}否则{
$（'.third'）。每个（函数（）{
此项检查=错误；
});
}
});
$（':checkbox'）。在（'change'，function（）上{
var th=$（此），
name=th.prop（'name'）；
if（th.is（'：checked'））{
$（'：checkbox[name=“”+name+“]”）。不是（$（this））.prop（'checked'，false）；
}
});
$（“输入：复选框[class='first']）。单击（函数（）{
$（this.parent（）.toggleClass（“highlight1”）；
});
$（“输入：复选框[class='second']）。单击（函数（）{
$（this.parent（）.toggleClass（“highlight2”）；
});
$（“输入：复选框[class='third']）。单击（函数（）{
$（this.parent（）.toggleClass（“highlight3”）；
});
div.highlight1{
背景色：#9FF781；
}
高光2区{
背景色：#F78181；
}
高光3组{
背景色：#8181F7；
}
分区突出显示{
背景色：#EEEEEE；
}

这是怎么回事：


var selectall=$（'.selectall'）；
选择全部。单击（功能（事件）{
$（'.+$（this）.data（'class'））.each（函数（）{
this.checked=true；
突出显示（this，$（this）.closest（'td'）；
});
});
$（'input[type=radio]'）。而不是（selectall）。在（'click'，function（）上{
突出显示（this，$（this）.closest（'td'）；
});
功能突出显示（收音机、无线电池）{
如果（无线电检查）{
radioCell.closest（'tr'）。children（'td.highlight'）。removeClass（'highlight'）；
radioCell.addClass（'highlight'）；
}
}
td:n个子项（3n+1）。高亮显示{
背景色：#9FF781；
}
td:n个子项（3n+2）。高亮显示{
背景色：#F78181；
}
td:n个子项（3n+3）。高亮显示{
背景色：#8181F7；
}
分区突出显示{
背景色：#EEEEEE；
}

如果单选按钮只能选择一行中的一个，为什么不使用单选按钮而不是复选框？当然，我们不仅可以使用复选框。如果没有div，则可以更改相应的td背景色。意味着直接将背景色应用于td。Bcoz我有一些分区对齐问题。在上面的代码中，只有一半的TD单元颜色在中间改变。@ SATYA，见编辑到上面的帖子（JS和样式的改变）。如果删除div，只需将
closest（'td'）
更改回
parent（）