jquery - ページ読み込み後にチェックボックスをオンにする

Question

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

そのチェックボックスがオンになっている場合は、div を表示します。チェックされていない場合は、別の div.

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

Answer 1

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/

Answer 2

ページ読み込み時

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

チェックボックスクリック時

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

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

      });

    });