関数でクリック時に色を変更したいのですが、問題があります。不利な点をクリックすると赤、平均をクリックすると黄色、利点をクリックすると緑でなければなりません...また、もう1つはフォーカスを失う必要があります-背景色...関数でこれを行う方法
function colored() {
$(this).css('background-color','#C90');
}
関数でクリック時に色を変更したいのですが、問題があります。不利な点をクリックすると赤、平均をクリックすると黄色、利点をクリックすると緑でなければなりません...また、もう1つはフォーカスを失う必要があります-背景色...関数でこれを行う方法
function colored() {
$(this).css('background-color','#C90');
}
クリックハンドラーをHTML要素にアタッチしていません
たとえば、disabledというリンクで背景色を変更する場合は、次のようにします。
次の目的で背景色を変更することに関心があると仮定します。
<a href="javascript:void(0)" id="price_quality_dis" class="ca_button" onClick="colored();">Disadvantage</a>
次のようにクリックハンドラを提供する必要があります。
$('#price_quality_dis').click(function(){
$(this).css('background-color','#C90');
});
また、クラス属性を使用してタグを装飾し、クリックすると同じ背景色になるはずのリンクをグループ化する必要があります
例: http: //jsfiddle.net/XUXwJ/
まず、このタイプの機能にはCSSスタイルを使用することをお勧めします。したがって、色はクラスとして定義する必要があります。次に例を示します。
.is-advantage { background-color: #ccc; }
次に、クリックイベントに何らかのイベントハンドラーを実装する必要があります。提供されているjsfiddleでは、関数がどこで呼び出されるかはまったくわかりません。次のようなものが必要になる可能性があります。
// change the class each time the button is clicked
$('.button').click(function() {
$(this).toggleClass('is-advantage');
});
addClass、removeClass、toggleClassなどの関数を使用して、ボタンに現在設定されているクラスを変更できます。