JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox1" value="option1" /> 1
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox2" value="option2" /> 2
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3" /> 3
</label>
</form>
JavaScript
$(function(){ // register callback for when its ready
$('input[type=checkbox]').change(function(){ // listen to changes on checkboxes
alert($(this).is(':checked')); // output state
// you can do whatever you want with $(this) (the jquery enhanced this) here now, e.g. styling the elemnt or parent element and so forth
});
});