更改表格單元格的背景顏色並選中複選框

每一行旁邊都有一個複選框，用於選擇使用表單的數據。

我希望能夠點擊單元格並勾選/取消選中複選框。我有工作用

這

$(document).ready(function() { 
    $('.pretty tr').toggle(function() { 
     $(this).find(':checkbox').attr('checked', true); 
    }, function() { 
     $(this).find(':checkbox').attr('checked', false); 
});

}）;

除此之外，我希望單元格背景顏色在複選框被選中時發生變化，如果未選中複選框，則不變。

我還沒有這樣做的任何運氣，任何想法的？

我曾嘗試加入

$(this).addClass('cssclassname');

以上面沒有運氣:(

編輯剛剛更新的類「漂亮」已經有了下面的CSS，這使得該表中的數據差異顏色的每一行。

看來，當我嘗試了jQuery toggleClass功能並不比現有的CSS應用它？

table.pretty { 
    background: whitesmoke; 
    border-collapse: collapse; 
} 
table.pretty th, table.pretty td { 
    border: 1px silver solid; 
    padding: 0.2em; 
} 
table.pretty th { 
    background: gainsboro; 
    text-align: left; 
} 
table.pretty caption { 
    margin-left: inherit; 
    margin-right: inherit; 
} 
table.pretty tr:nth-child(odd) { background-color:#eee; } 
table.pretty tr:nth-child(even) { background-color:#fff; }

來源

2011-09-26 user964406

看到這個DEMO

您Jquery的另一種方法是HERE

讓檢查演示HERE。我不知道這是做到這一點的最好方法

來源

2011-09-26 05:34:06

確實試過這個，難道這個類漂亮已經有CSS屬性？如果將它們添加到演示中，它將不再有效。 – user964406

@user，我認爲添加其他類不會影響切換類。請更新您的問題並提供更多詳細信息 –

已更新問題並提供更多詳細信息。這裏是你使用的網站的更新版本http://jsfiddle.net/unauu/9/ – user964406

$(document).ready(function() { 
    $('.pretty tr').toggle(function() { 
     $(this).find(':checkbox').attr('checked', true); 

    }, function() { 
     $(this).find(':checkbox').attr('checked', false); 
    }); 
});

$(this).addClass('class');會做到這一點...

來源

2011-09-26 05:25:20 genesis

更改表格單元格的背景顏色並選中複選框

回答

相關問題