Кнопка, чтобы установить все флажки и изменить цвет всей таблицы

Question

это то, что у меня пока есть: - таблица с 20-30 ячейками - каждая ячейка имеет 1 флажок и значение (разное значение, конечно) - две кнопки, чтобы активировать выбор всех и установить флажки нет.

Коды на данный момент: - для запуска выберите все / нет:

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

Это должно сделать, что нужно

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 2

Вы можете использовать .css для изменения цвета фона:

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

Answer 3

Может быть, что-то вроде этого:

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