JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<input type="checkbox" class="one" data-order="1" >
<input type="checkbox" class="two" data-order="2">

JavaScript

$(document).on('click', '.one, .two', function() {
    //$('input.example').not(this).prop('checked', false);  
    var one = $('.one').is(':checked');
    var two = $('.two').is(':checked');
    
    var order = $(this).attr("data-order");
    
    if(order==1 && two==false){
    	$('.two').prop('checked', true);
    }
    
    if(order==2 && one==false){
    	$('.one').prop('checked', true);
    }    
    
    //if(one==false && two==false){
    //	$('.one').prop('checked', true);
    //}
    
    //alert(one+' '+two);
});