（jQuery）チェックアトリビュートに基づいた異なる結果

Question

子供がチェックされているかどうかによって、またHTML内にchecked='checked'のアトリビュートがあるかどうかによって、背景色を変更したいと思っています。

基本的に、これは私が欲しいものです：

• それはデフォルトでチェックが、もはやチェックするならそれは
• （checked='checked'で）デフォルトでチェックされず、ユーザーがそれをunticks、赤色の背景だ場合は（ユーザー緑色の背景）
• デフォルトでチェックされておらず、ユーザーがチェックすると、青色の背景
• デフォルトでチェックされていない場合、ユーザーがチェックして白いチェックボックスをオフにした場合背景...

これは私がこれまで持っているものです：

 
    $(document).ready(function(){ 
     $("#memberForm input").change(function() { 
      if($(this).is(":checked") == true) { 
       $(this).closest('dt').css({"background" : "green"}); 
      } 
      else { 
       $(this).closest('dt').css({"background" : "red"}); } 
     }); 
    });

私は結果にデフォルト値を組み込む方法がわからない...

Answer 1

あなたはすべてチェックしにクラスを追加することができます初期ロード上の入力：

$("input:checked").addClass("waschecked"); 

その入力が指示するクラスを持っている場合、それが最初のロード時にチェックした場合は、ちょうどチェック：

$(this).hasClass("waschecked")