JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select" multiple="multiple" name="select"></select><script> 
	jQuery(function(){jQuery("#select").kendoMultiSelect({"select":select,"change":select,"dataSource":[{"Text":"Name1","Value":"1"},{"Text":"Name2","Value":"2"},"dataTextField":"Text","dataValueField":"Value","placeholder":"Select Funds ...","value":[]});});
</script>

<input type="checkbox" name="IEPerfnRank" id="IEPerfnRank" class="group1"/><label class="checkbox" for="IEPerfnRank">Institutional Equity Performance and Rankings</label><br />
    <input type="checkbox" name="IEStrongIncep" id="IEStrongIncep" class="group1"/><label class="checkbox" for="IEStrongIncep"><b>Institutional Equity Strong Risk Since Team Inception</b></label><br />
 
    <input type="checkbox" name="Name1" id="Name1" class="group2"/><label class="checkbox" for="Name1"><b>Name1</b></label><br />
    <input type="checkbox" name="Name2" id="Name2" class="group2"/><label class="checkbox" for="Name2"><b>Name2</b></label><br />

JavaScript

<script type="text/javascript">

    function select(e) {
        var values = this.value();
        var total = ["1", "2", "3", "4", "5"];
        var group = "";
        for (number in values) {
            if ($.inArray(values[number], total) != -1) {
                group = "group" + values[number];
                $("input." + group).prop("disabled", false);
               alert("Group: " + group + " Values: " + values[number] + "   The values DO match");
            }
            else {
                group = "group" + values[number];
                $("input." + group).prop("disabled", true);
                $("input." + group).prop("checked", false);
                alert("Group: " + group + " Values: " + values[number] + "   The values do not match");
            }
        
        }
    }
</script>