すべてのチェックボックスをオンにしてテーブル全体のbg色を変更するボタン

Question

- 20〜30セルのテーブル - 各セルには1つのチェックボックスと値（もちろん別の値）があります - 2つのボタンを押してすべてを選択し、チェックボックスを選択しないでください。これまで

コード： - すべて/ 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の色は、allを選択すると緑に変わり、noneを選択すると白に変わります。

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')"