Group checkboxes check/uncheck

Group checkboxes check/uncheck

I am working on group of checkboxes for check/uncheck. I did solve for that, but I having another issue outside the group of checkboxes.

I kept a checkbox out side group of checkboxes called chkSolicitation and when check this all group of checkboxes  should be unchecked. 

If any of the group of checkboxes checked then automatically  chkSolicitation should be unchecked.   Onload also If  group of checkboxes unchecked  automatically  chkSolicitation  should be  unchecked and Vice versa.


  2. <fieldset>
  3.     <!-- these will be affected by check all -->
  4.     <div><input type="checkbox" ID="checkall1"/> Check all</div>
  5.     <div><input type="checkbox"/> Checkbox</div>
  6.     <div><input type="checkbox"/> Checkbox</div>
  7.     <div><input type="checkbox"/> Checkbox</div>
  8. </fieldset>
  9. <fieldset>
  10.     <!-- these won't be affected by check all; different field set -->
  11.     <div><input type="checkbox" ID="checkall2"/> Check all</div>
  12.     <div><input type="checkbox"/> Checkbox</div>
  13.     <div><input type="checkbox"/> Checkbox</div>
  14.     <div><input type="checkbox"/> Checkbox</div>
  15. </fieldset>
  16. <br/>
  17.  <div><input type="checkbox" ID="chkSolicitation"/> Please do not send me any email</div>
Javascript
  2. $('[id^=checkall]').click(function(){
  3.     $(this).closest('fieldset').find('input').not(this).prop('checked',this.checked);
  4. });

  6. $(':checkbox').not('[id^=checkall]').click(function(){
  7.     var all = $(this).closest('fieldset').find('[id^=checkall]');
  8.     var chks = $(this).closest('fieldset').find('input').not(all);
  9.     
  10.     all.prop('checked', chks.length == chks.filter(':checked').length);
  11. })