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>

JavaScript

$("input:checkbox").on("change", function(){
    if($(this).prop("checked")){
        $(this).parent(".check-addon").css('background-color','green');
        }
    else{
        $(this).parent(".check-addon").css('background-color','white');
    }
});