JSFiddle - React, Tailwind, and code Playground
HTML
<input class="icheck" type="checkbox" name="free_price" data-id="one" />
<input class="icheck" type="checkbox" name="coupons" data-id="one" />
<div class="someblock">
<input class="icheck" type="checkbox" name="coupons1" data-id="two" />
<input class="icheck" type="checkbox" name="coupons2" data-id="two" />
</div>
JavaScript
$('input').on('change', function () {
id = $(this).data('id');
if ($(this).is(':checked')) {
$('[data-id="'+id+'"]').prop('checked', false);
$(this).prop('checked', true);
}
});