入力時にbgcolorを変更するjQuery/JavaScript

Question

これをチェックすると、いくつかのjQuery/JavaScriptに黄色のbackground-colorが表示されます。私はclass="valgt"を使って、私がスタイリングしたいものをcheckboxと定義します。

どうすればよいですか？

<td valign="top" class="valgt"> 
    <input type="checkbox" name="check" value="" /> 
</td> 

私はそれを修正する方法はわかりません。だから私はjQuery/JavaScriptのためのいくつかのコードヘルプが必要です。

Answer 1

これを試してみてください。あなたがあなたのIDにIDまたは名前をつけると、それは簡単になります。

$('input[name=check]').click(function() { 
    var chkbox = $(this); 
    if (chkbox.is(':checked')) 
     chkbox.parent().addClass('valgt'); 
    else 
     $chkbox.parent().removeClass('valgt'); 
}); 

Answer 2

CSSクラスに

.valgt { background-color : #ffff00; } 

をごBG色を宣言し、その後チェックされた状態で、親tdからこのクラスを追加または削除するには、次の依存を使用

$('input[name=check]').click(function(){ 

    var $el = $(this); 
    $el.is(':checked') ? $el.parent().addClass('valgt') 
         : $el.parent().removeClass('valgt'); 

})