基於複選框的值，您如何使用JQuery默認顯示或隱藏？

Question

我有以下的JQuery：

$('#promotion_profile_offer').live('click', function(e) { 
    $('.nooffer').toggle(); 
}); 

來回切換的形式，如果檢測到點擊它會隱藏窗體。這在用戶取消選中框的情況下效果很好，但當複選框默認爲未選中並移至checked時，這沒有意義。在這種情況下，當用戶單擊Offer複選框時，我的代碼將隱藏一個優惠表單。

因此如何做到以下幾點：

1. 閱讀複選框的#promotion_profile_offer
2. 值默認.nooffer類隱藏（）如果#promotion_profile_offer 箱是假

謝謝。

Answer 1

$('#promotion_profile_offer').live('click', function(e) { 
    var checked = $(this).is(':checked'); 

    $('.nooffer')[checked ? 'show' : 'hide'](); 
}); 

或者一個更容易閱讀的版本：

$('#promotion_profile_offer').live('click', function(e) { 
    var checked = $(this).is(':checked'); 

    if (checked === false) $('.nooffer').hide() 
    else $('.nooffer').show() 
});