JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
    <li>
        <input class="cbActivate" type="checkbox" /> <a href="#" class="link">first item</a>
    </li>
    <li>
        <input class="cbActivate" type="checkbox" /> <a href="#" class="link">second item</a>
    </li>
    <li>
        <input class="cbActivate" type="checkbox" /> <a href="#" class="link">third item</a>
    </li>
</ul>

JavaScript

$('.cbActivate').on('click', function () {
        $(this).closest('li').find('a.link').toggleClass('active');
    });
    $('#myList').on('click', 'a.active', function () {
        alert("I'm an activated item !");
    });