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

if ($('input.chek').is(':checked')) {
$('.check-addon').css('background-color','green');
}

//////second code///////
var boxes = $('input[class="chek"]:checked');
$(boxes).each(function(){
    $('.check-addon').css('background-color','green');
});