JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
             <li>   <input type="checkbox" id="Authentication" class="Authentication" value="1"/>Authentication/Authorization</li>
             <li>   <input type="checkbox" id="Database" class="database" value="2"/>Database</li>
             <li>   <input type="checkbox" id="Data"  value="3"/>Data Presentation</li>
             <li>  <input type="checkbox" id="DMZ"  value="4"/>DMZ</li>
             <li>   <input type="checkbox" id="Email"  value="5" />Email Services</li>
             <li>   <input type="checkbox" id="Encryption"  value="6"/>Encryption</li>
             
<ul>

JavaScript

$(document).ready(function(){
    $("li").on("change",function(){
       // alert('click');
        if ($(this).children("input[type='checkbox']").is(':checked'))
        {
            alert("checked");
           // return false;
        }
        else
            
        {
            alert("not checked");
              // return false;         
        }
    });
});