JSFiddle - React, Tailwind, and code Playground
HTML
<table id="myFrm:chkBoxList" class="ui-selectmanycheckbox ui-widget">
<tr>
<td>
<div class="ui-chkbox ui-widget">
<div class="ui-helper-hidden-accessible">
<input id="myFrm:chkBoxList:0" name="myFrm:chkBoxList" type="checkbox" value="ACCCCCCC" onchange="processAndUpdateServerSide();" />
</div>
<div class="ui-chkbox-box
ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon
ui-c"></span>
</div>
</div>
</td>
<td>
<label for="myFrm:chkBoxList:0">ACCCCCCC</label>
</td>
</tr>
<tr>
<td>
<div class="ui-chkbox ui-widget">
<div class="ui-helper-hidden-accessible">
<input id="myFrm:chkBoxList:1" name="myFrm:chkBoxList" type="checkbox" value="Apppptttttt" onchange="processAndUpdateServerSide();" />
</div>
<div class="ui-chkbox-box
ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon
ui-c"></span>
</div>
</div>
</td>
<td>
<label for="myFrm:chkBoxList:1">Apppptttttt</label>
</td>
</tr>
<tr>
<td>
<div class="ui-chkbox ui-widget">
<div class="ui-helper-hidden-accessible">
<input id="myFrm:chkBoxList:2" name="myFrm:chkBoxList" type="checkbox" value="APPPPPP" onchange="processAndUpdateServerSide();" />
</div>
<div class="ui-chkbox-box
ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon
ui-c"></span>
</div>
</div>
</td>
<td>
<label for="myFrm:chkBoxList:2">APPPPPP</label>
</td>
</tr>
<tr>
<td>
<div class="ui-chkbox ui-widget">
<div class="ui-helper-hidden-accessible">
<input id="myFrm:chkBoxList:3"...
JavaScript
var bitString = "0101";
bitString.split()
var i = 0;
$('.ui-selectmanycheckbox input[type=checkbox]').each(function () {
if (bitString[i] == '1') {
$(this).prop('checked', true);
}
i++;
});