檢查頁面加載後的複選框

Question

我有一個複選框在我的頁面

如果選中該複選框，然後我想要顯示一個div。 如果未選中，則另一個div。

<input type="checkbox" id="CBforGrid" />Add CheckBoxes<br /> 

Answer 1

頁面加載

$(function(){ 
    if($('#CBforGrid').is(':checked')) { 
     $('div').show(); 
    } 
}); 

在複選框點擊

$(function(){ 
     $('#CBforGrid').click(function(){ 

      if($(this).is(':checked')) { 
       $('div').show(); 
      } else { 
       $('div').hide(); 
      } 

     }); 

    }); 

Answer 2

您還沒有表現出對你的div標記，但假設它們都隱藏首先，你可以做像這樣的一次性頁面加載（如您的問題標題所示）：

$(document).ready(function() { 
    if ($("#CBforGrid").is(":checked")) 
     $("#adiv").show(); 
    else 
     $("#anotherdiv").show(); 
}); 

或者，如果你的意思是每複選框被用戶改變，那麼也許是這樣的時間來做到這一點：

$(document).ready(function() { 
    var $aDiv = $("#adiv").hide(), 
     $anotherDiv = $("#anotherDiv"); 

    $("#CBforGrid").click(function() { 
     $aDiv[this.checked ? "show" : "hide"](); 
     $anotherDiv[this.checked ? "hide" : "show"](); 
    }); 
}); 

演示：http://jsfiddle.net/Vk6R8/