ページ終了後にチェックボックスをチェックする

Question

私のページにチェックボックスがあります

このチェックボックスをオンにすると、divを表示します。 このチェックボックスをオフにすると、別のdivになります。ページの読み込みに

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

Answer 1

チェックボックスを

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

は、あなたがあなたのdiv要素のマークアップを示していないが、彼らは両方を行うことができますで始まるように隠されていると仮定すると

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

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

     }); 

    }); 

Answer 2

をクリックしますあなたの質問のタイトルが暗示しているように、ページロード時のワンオフのためのこのようなもの：

$(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/