2011-06-27 10 views
2

Iは、入力チェックボックスチェックした場合 - > addClass

<label for="edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed" class="option"><input type="checkbox" class="form-checkbox" value="agreed" id="edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed" name="panes[uc_termsofservice_agreement_checkout][tos_agree][agreed]"> I agree with the terms above</label> 

を持っていると私はそれがチェックされるとき befcontentleft要素にクラスを追加します。解決策を教えてください。ありがとう。

if($('input#edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed').is(':checked') { 
    $('befcontentleft').addClass('green'); 
} 
+1

http://jsfiddle.net/maniator/9UQf8/は、あなたのHTMLを表示します。それはIDですか?要素(有効な要素ではない) –

+1

また、[要素]#[ID]、#[ID]を入れなければならない理由は、長いIDの –

+0

と同じですが、うまくいくはずです。以下の答えを参照してください – Neal

答えて

5
$('input#edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed').change(function(){ 
    if(this.checked){ 
     $('#befcontentleft').addClass('green'); 
    } 
    else { 
     //do something else 
    } 
}) 

フィドル:

+0

ありがとうございます。できます! – Siteogra

+0

@Siteogra - 問題ありません^ _ ^いつでも – Neal

2
$('input#edit-panes-uc-termsofservice-agreement-checkout-tos-agree-agreed').change(function() { 
    if ($(this).is(":checked")) { 
    $('befcontentleft').addClass('green'); 
    } 
}); 
+1

ネイティブ 'this.checked'を使うとjQuery' is'を使うのはなぜですか? – Neal

+0

@Neal、そのちょっとした習慣。その機能と動作します。 –

+0

それは働いていない、私はちょうど興味があった、あなたのコードにも括弧がありません... – Neal

関連する問題