Hiện- Ẩn nội dung trong checkbox bằng Jquery

Trong ví dụ này ta sử dụng hàm prop() để kiểm tra xem trong checkbox đã được check chưa. Hàm prop() mặc định là True

Code html

<input type="checkbox" class="check" name="check"><b>Hiện ra nào</b>

  <div id="anhien">  

  OK

  </div>

Code jquery

$(document).ready(function(){

   if($('.check').prop('checked')) {   

 $("#anhien").show()

 }

 else

$("#anhien").hide();

 

 });

$('.check').click(function () {

  if (this.checked) {

  

 $("#anhien").show();

  }

  else{

$("#anhien").hide();

  }

 });

Demo: http://jsfiddle.net/t3rv2t/gWpaT/1/