JSFiddle - React, Tailwind, and code Playground

by rogeriolino

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<label>
  <input type="checkbox" data-inscricao="1" data-tipo="2" class="termo"> A
</label>
<label>
  <input type="checkbox" data-inscricao="1" data-tipo="2" class="termo"> B
</label>
<label>
  <input type="checkbox" data-inscricao="1" data-tipo="4" class="termo"> C
</label>
<label>
  <input type="checkbox" data-inscricao="2" data-tipo="2" class="termo"> D
</label><label>
  <input type="checkbox" data-inscricao="2" data-tipo="2" class="termo"> E
</label>

JavaScript

$('.termo').on('change', function () {
    $('.termo').prop('disabled', false);
    var $termo = $(this);
    var selector = '[data-inscricao=' + $termo.data('inscricao') + '][data-tipo=' + $termo.data('tipo') + ']';
    if ($('.termo'+ selector + ':checked').length) {
        $('.termo:not('+ selector +')').prop('disabled', true);
    }
})