JSFiddle - React, Tailwind, and code Playground

HTML

<div id="subscriber_1" class="subscriber">
<input type=checkbox name=national>
<input type=checkbox name=international>
<input type=checkbox name=business>
<input type=checkbox name=entertainment>
<input type=checkbox name=religion>
<input type=checkbox name=sports>
</div>
<div id="subscriber_2" class="subscriber">
<input type=checkbox name=national>
<input type=checkbox name=international>
<input type=checkbox name=business>
<input type=checkbox name=entertainment>
<input type=checkbox name=religion>
<input type=checkbox name=sports>
</div>

JavaScript

$('.subscriber :checkbox').change(function () {
    var $cs=$(this).closest('.subscriber').find(':checkbox:checked');
    if ($cs.length > 3) {
        this.checked=false;
    }
});