JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div id="checkboxes">
    <ul>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
    </ul>
    <ul>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
    </ul>
    <ul>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
        <li><input type="checkbox" /></li>
    </ul>
</div>

JavaScript

$(document).on('change', '#checkboxes li :checkbox', function() {
    $(this).closest('ul').find(':checkbox').not(this).prop('checked', false);    

    
});