JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="fieldcontain" id="alot">
    <fieldset data-role="controlgroup">

    <div style="font-weight: bold" id="checkBoxes">Business Units:</div>

    <input type="checkbox" value="All" class="checkBoxClass" id="ckbCheckAll" />
     <label for="ckbCheckAll">All</label> 

    <input type="checkbox" value="29" class="checkBoxClass" id="Checkbox1" />
    <label for="Checkbox1">XYZ</label> 

    <input type="checkbox" value="30" class="checkBoxClass" id="Checkbox2" />
    <label for="Checkbox2">ABC</label>

   </fieldset>
   </div>

JavaScript

var arr = ['All', 30]

$('#alot').find('input:checkbox').prop('checked', function(){
    var value = Number(this.value) || this.value;
    return $.inArray(value, arr) > -1; 
});