Jquery 按钮选择所有复选框并更改整个表格'；s bg颜色

这就是我到目前为止所做的： -有20到30个单元格的桌子 -每个单元格有一个复选框和一个值（当然值不同） -两个按钮触发全选和全选复选框

迄今为止的代码： -要触发选择全部/无：

Javascript:

function set_checked(checked) {
    $('input[name=test]').attr('checked', checked);
}

按钮：

onclick="set_checked(true)" and onclick="set_checked(false)" for both buttons.

---

现在，如何在两个按钮上添加颜色更改？例如，选择“全部”时，整个表格背景颜色变为绿色；选择“无”时，整个表格背景颜色变为白色。

您可以使用

.css

更改背景颜色：

$("tableSelector").css("background-color","blue");

---

也许是这样的：

onclick="set_checked(true); $('table').css('background', 'green')"
onclick="set_checked(false); $('table').css('background', 'white')"

---

这应该可以，需要什么

function set_checked(checked) {
    $('input:checked').attr('checked', checked); //select all checkbox
    if(checked) {
         $("table").css("backgroundColor", "#ddd"); //new color
    } else {
         $("table").css("backgroundColor", "#fff"); //old color
    }
}

---

谢谢你的帮助，我在这里做了一个演示：我必须做什么才能使颜色变化只出现在复选框单元格上，而不覆盖整个表格？我做到了！Weeeeeee，给td一个id，并将“表”替换为id。