2011-06-27 58 views
2

我輸入複選框如果選中 - > 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

顯示你的HTML。這是一個ID嗎?一個元素(不是一個有效的元素?) –

+1

此外,沒有理由把[元素]#[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 
    } 
}) 

小提琴:http://jsfiddle.net/maniator/9UQf8/

+0

謝謝。有用! – Siteogra

+0

@Siteograo-沒問題^ _ ^隨時 – 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'是'? – Neal

+0

@Neal,它的正義習慣。但它的功能和將工作。 –

+0

從來沒有說過它不會工作,我只是好奇,也是你的代碼是缺少括號... – Neal