JSFiddle - React, Tailwind, and code Playground

by nicosa

HTML

<label class="form-check">
                      <input type="checkbox" name="onsite[]" id="IMIP" value="" class="form-check-input" multiple>
                      <span class="form-check-label">IMIP</span>
                    </label>
                    <label class="form-check">
                      <input type="checkbox" name="onsite[]" id="Indonesia Weda Bay Industrial Park" value="" class="form-check-input" multiple>
                      <span class="form-check-label">IWIP</span>
                    </label>
                     <label class="form-check">
                      <input type="checkbox" name="onsite[]" id="Dexin Steel Indonesia" value="" class="form-check-input" multiple>
                      <span class="form-check-label">Dexin Steel Indonesia</span>
                    </label>

JavaScript

var data = [
{id: '9e1f59b6-577e-480a-915b-dcd8968d9bed', name: 'Indonesia Morowali Industrial Park', short_name: 'IMIP', parent_id: '0', badge_color: 'purple'},
{id: '9e1f59b6-577e-480a-915b-dsfvvwq25asdf', name: 'Indonesia Weda Bay Industrial Park', short_name: 'DLI', parent_id: '0', badge_color: 'red'}
];

var names = $.map(data, function(item){
	return item.short_name;
});
console.log(names);
$.each(names,function(k,v){
$('#'+v).prop('checked',true);
});