JSFiddle - React, Tailwind, and code Playground

by Vitaly Volovich

HTML

<input type="checkbox" id="id1">
<input type="checkbox" id="id2">
<input type="checkbox" id="id3">

JavaScript

var boxes = [$('#id1'),$('#id2'),$('#id3') ];
var boxes_clicked = 0;
var boxes_disabled = false;

var clicker = function(e)
{
  boxes_clicked += (this.checked ? 1 : -1 );

	if ( boxes_clicked >= 2 && !boxes_disabled )
  { 
       boxes_disabled = true;
       for ( var i=0; i < boxes.length; i++ )
       {
          if ( ! boxes[i].prop('checked') )
              boxes[i].prop('disabled',true);
       }
       return;
   }
   if ( boxes_disabled )
  {
    boxes_disabled = false;
     for ( var i=0; i < boxes.length; i++ )
           boxes[i].prop('disabled',false);
  }
}

$("#id1,#id2,#id3").click(clicker);