JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<input type='checkbox' name='comparisonActs' id='comparisonActs' data-order="1">
<input type='checkbox' name='itemsActs' id='itemsActs' data-order="2">

JavaScript

$(document).on('click', '#comparisonActs, #itemsActs', function() {
  //$('input.example').not(this).prop('checked', false);  
  var one = $('#comparisonActs').is(':checked');
  var two = $('#itemsActs').is(':checked');

  var order = $(this).attr("data-order");

  if(order==1 && two==false){
    $('#itemsActs').prop('checked', true);
  }

  if(order==2 && one==false){
    $('#comparisonActs').prop('checked', true);
  }    

});