JSFiddle - React, Tailwind, and code Playground

HTML

<form>
      <label class="checkbox-inline">
          <input type="checkbox" id="inlineCheckbox1" value="option1" /> 1 <span></span>
</label>
<label class="checkbox-inline">
    <input type="checkbox" id="inlineCheckbox2" value="option2" /> 2  <span></span>
</label>
<label class="checkbox-inline">
    <input type="checkbox" id="inlineCheckbox3" value="option3" /> 3  <span></span>
</label>

</form>

JavaScript

// my solution, works with how many checkboxes you migh want
$(function(){ // register callback for when its ready
    $('input[type=checkbox]').change(function(){ // listen to changes on checkboxes
        $(this).next().html($(this).is(':checked').toString());
    });
});