JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<ul>
    <li><input type="checkbox" class="spaceTerm" name="team" value="2011"/></li>
    <li><input type="checkbox" class="spaceTerm" name="team" value="2012"/></li>
    <li><input type="checkbox" class="spaceTerm" name="team" value="2013"/></li>
    <li><input type="checkbox" class="spaceTerm" name="team" value="archive"/></li>
</ul>

JavaScript

termString = new Array();

$('.spaceTerm').on("click", function(){
    tickValue = $(this).val();
    
    if ( $(this).is(":checked") ) {
        termString.push(tickValue)
    } else {
        termString = $.grep(termString, function(value) { return ( value !==  tickValue) });
    };
    
    console.log(termString);
});