Question

这是我到目前为止： - 一张20至30个单元格的桌子 - 每个单元格有1个复选框和一个值（当然不同的值） - 两个按钮触发全选并选择无复选框。

到目前为止的代码： - 触发select all / none：

使用Javascript：

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

按钮：

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

现在，如何在两个按钮上添加颜色变化？例如，选择全部时整个表格bg颜色变为绿色，选择无颜色时变为白色。

Answer 1

您可以使用.css更改背景颜色：

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

Answer 2

这应该做什么，需要什么

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
    }
}

Answer 3

也许是这样的：

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

按钮选择所有复选框并更改整个表格的bg颜色

3 个答案: