用不同的颜色突出显示两类复选框

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被点击。