JSFiddle - React, Tailwind, and code Playground

HTML

<li class="sdf">
    <input class="attr-value-input" type="checkbox"/><span class="attr-value-name">Digital Devices</span>
</li>
<br/><hr/><br/>
<li class="attr-value">
    <div class="attr-value-input"><input class="attr-value-input" type="checkbox">
        <span class="attr-value-name">
            Analog Devices Inc
        </span>
    </div><br/></li>

JavaScript

$('.attr-value-name').click(function() {
        if($(this).parent().find('input[type="checkbox"]').is(':checked'))
        {
            $(this).parent().find('input[type="checkbox"]').prop('checked', false);
        }
        else
        {
            $(this).parent().find('input[type="checkbox"]').prop('checked', true);
        }
    });