$(function () {
  var checkBoxs = $('input.checkbox');
  $('#area1').click(function(){
    if(this.checked) {
      checkBoxs.attr('checked', 'checked');
    } else {
      checkBoxs.removeAttr('checked');
    }
  });

  var checkBoxs2 = $('input.checkbox2');
  $('#area2').click(function(){
    if(this.checked) {
      checkBoxs2.attr('checked', 'checked');
    } else {
      checkBoxs2.removeAttr('checked');
    }
  });
  var checkBoxs3 = $('input.checkbox3');
  $('#area3').click(function(){
    if(this.checked) {
      checkBoxs3.attr('checked', 'checked');
    } else {
      checkBoxs3.removeAttr('checked');
    }
  });
});