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

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课程。