JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inline-container">
    <div class="checkboxes">	<span class="check-addon"><input id="id1" class="chek" type="checkbox" value="1" name="id1">title1</span>
	<span class="check-addon"><input id="id2" type="checkbox" class="chek" value="1" name="id2">title2</span>
	<span class="check-addon"><input id="id3" type="checkbox" class="chek" value="1" name="id3">title3</span>

    </div>
</div>

CSS

.green
{
background-color:green;
}

JavaScript

$(".chek").change(function () {

    if (this.checked) 
        $(this).closest(".check-addon").addClass("green");
    else
        $(this).closest(".check-addon").removeClass("green");
    

})