異なる色のチェックボックスの2つのクラスをハイライト

Question

2つの異なる目的のために使用されるチェックボックスの2つの列を含む表があります。 2つの異なる色をクリックすると、それらを強調表示したいと思います。望ましい結果

<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がクリックされました。