用不同的顏色突出顯示兩類複選框

Question

我有一個表格，其中包含用於兩種不同用途的兩列複選框。我想在用兩種不同顏色點擊時突出顯示它們。如何編輯我的代碼，以獲得期望的結果

<style> 
    a1.highlight { 
     background-color:grey; 
    } 

    a2.highlight { 
     background-color:red; 
    } 
</style> 

echo "<td align='center'><input type='checkbox' name='cb1[$no]' id='cb1{$no}' class='a1'></td>"; 
echo "<td align='center'><input type='checkbox' name='cb2[$no]' id='cb2{$no}' class='a2'></td>"; 

Answer 1

看來你有就地的顏色和唯一缺少的東西CSS是改變顏色的事件。

要做到這一點，你可以使用一些非常簡單的jQuery像這樣：

$('.a1,.a2').click(function(){ 
    $(this).addClass('highlighted'); 
}); 

以上將附加highlighted類無論是一次或a1已a2被點擊。