JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" id="example_group3">
 
    <input type="checkbox" class="example_check" name="cbname3[]" value="1" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="2" />
    <input type="checkbox"  class="example_check" name="cbname3[]" value="3" />
    <input type="checkbox" class="example_check" name="cbname3[]" value="4" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="5" />
    <input type="checkbox"  class="example_check" name="cbname3[]" value="6" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="7" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="8" disabled="disabled" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="9" disabled="disabled" />
    <input type="checkbox"  class="example_check" name="cbname3[]" value="10" disabled="disabled" checked="checked" />
    <input type="checkbox"  class="example_check" name="cbname3[]" value="11" disabled="disabled" checked="checked" />    
    <input type="checkbox" class="example_check"  name="cbname3[]" value="12" />
    <input type="checkbox" class="example_check"  name="cbname3[]" value="13" />
    Отметить все:<input type="checkbox" name="cbname3[]" value="14" id="example_maincb" />
</form>

JavaScript

<script type="text/javascript">
    $(document).ready( function() {
       $("#example_maincb").click( function() { // при клике по главному чекбоксу
            if($('#example_maincb').attr('checked')){ // проверяем его значение
                $('.example_check:enabled').attr('checked', true); // если чекбокс отмечен, отмечаем все чекбоксы
            } else {
                $('.example_check:enabled').attr('checked', false); // если чекбокс не отмечен, снимаем отметку со всех чекбоксов
            }
       });
    });
 
</script>