Issue on Deselecting All Checkbox on Un checking one of Child

Issue on Deselecting All Checkbox on Un checking one of Child

I am trying to use jquery to check all checkboxes using below code which working fine on toggling select all on check and un check the slectAll

Now I want to uncheck the slectAll in case of a situation if a user un-check one of the ieldset checkboxes. I tried this code

  1.  $.each($("input[name='numbers']:not(:checked)"), function () {
  2.         $('input:checkbox[name=slectAll]').prop("checked", false);
  3.     });
Here is the code I have


  1. <label for="boxid">Select All</label>
  2. <fieldset id="group_1">
  3.     <input type="checkbox" name="numbers[]" value="0" />
  4.     <input type="checkbox" name="numbers[]" value="1" />
  5.     <input type="checkbox" name="numbers[]" value="2" />
  6.     <input type="checkbox" name="numbers[]" value="3" />
  7.     <input type="checkbox" name="numbers[]" value="4" />
  8. </fieldset>
and the jquery file is

  1. $(function () {
  2.     $('input:checkbox[name=slectAll]').change(function () {
  3.         if ($(this).is(':checked')) {
  4.             $('#group_1').find(':checkbox').prop("checked", true);
  5.         } else {
  6.             $('#group_1').find(':checkbox').prop("checked", false);
  7.         }
  8.     });

  10.     $.each($("input[name='numbers']:not(:checked)"), function () {
  11.         $('input:checkbox[name=slectAll]').prop("checked", false);
  12.     });

  14. });
can you please let me know how to fix this? Thanks