JSFiddle - React, Tailwind, and code Playground

by oktaviardi pratama

HTML

<div>
    <span>Group 1:</span>
    <input type="checkbox" class="group1" checked />
    <input type="checkbox" class="group1" />
    <input type="checkbox" class="group1" />
</div>

<div>
    <span>Group 2:</span>
    <input type="checkbox" class="group2" />
    <input type="checkbox" class="group2" checked />
    <input type="checkbox" class="group2" />
</div>

<div>
    <span>Group 3:</span>
    <input type="checkbox" class="group3" />
    <input type="checkbox" class="group3" />
    <input type="checkbox" class="group3" checked />
</div>

JavaScript

$('input[type="checkbox"]').on('change', function() {
   $(this).siblings('input[type="checkbox"]').not(this).prop('checked', false);
});