JSFiddle - React, Tailwind, and code Playground

by Matt Coady

HTML

<ul>
    <li>
        <input type="checkbox">
        <label>The Checkbox</label>
    </li>
     <li>
        <input type="checkbox">
        <label>The Checkbox</label>
    </li>
</ul>

CSS

li{
    background: #ffaaaa;
    list-style: none;
}

JavaScript

$('li').click(function(){
    $('input[type="checkbox"]',this).each(function () { this.checked = !this.checked; });
})