JSFiddle - React, Tailwind, and code Playground

HTML

<button id="clickme">
Click me
</button>

JavaScript

$(document).ready(function(){
  $('#clickme').on('click', function () { 
      houses();
  });
$('.chek').on('change', function () {
    $(this).closest('.check-addon').css('background-color',this.checked?'green':'none');
});
});

function houses(){
            var x ='<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>\';
   return x ;
  }