JSFiddle - React, Tailwind, and code Playground

HTML

<input disabled="disabled" class="Spec" type="checkbox"  value="1" />
<input class="Spec" type="checkbox"  value="2" />
<input disabled="disabled" class="Spec" type="checkbox"  value="5" /> 
<input class="Spec" type="checkbox" value="8" /> 
<input disabled="disabled" class="Spec" type="checkbox" value="10" />  
<input class="Spec" type="checkbox"  value="30" />

<div>
    <span>Check All</span>
    <input id="Spec_all" type="checkbox" />
</div>

JavaScript

$('#Spec_all').on('click', function() {
   $('.Spec:enabled').prop('checked', this.checked);
});