JSFiddle - React, Tailwind, and code Playground

by Amitabha Ghosh

HTML

<input type="checkbox" name="checkbox[]" class="class2" value="Checkbox4" />Checkbox4
<input type="checkbox" name="checkbox[]" class="class2" value="Checkbox5" />Checkbox5
<input type="checkbox" name="checkbox[]" class="class2" value="Checkbox6" />Checkbox6

JavaScript

$('.class2').each(function(){
var $this =  $(this);
    $this.click(function(){
        if($this.is(":checked")){
        $(".class2").not($this).prop({ disabled: true, checked: false });
        } else{
            $(".class2").prop("disabled", false);
        }
    });

});