JSFiddle - React, Tailwind, and code Playground
HTML
<div class="div1">
<input type="checkbox" class="chkbox" value="101"> This is 101
<input type="checkbox" class="chkbox" value="102"> This is 102
<input type="checkbox" class="chkbox" value="103"> This is 103
</div>
<div class="div2">
<input type="checkbox" class="chkbox" value="110"> This is 110
<input type="checkbox" class="chkbox" value="102"> This is 102
<input type="checkbox" class="chkbox" value="101"> This is 101
</div>
JavaScript
$(".chkbox").change(function() {
var val = $(this).val();
if( $(this).is(":checked") ) {
$(":checkbox[value='"+val+"']").attr("checked", true);
}
else {
$(":checkbox[value='"+val+"']").attr("checked", false);
}
});