JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label><input type="checkbox" name="test" value="foo" />Foo</label>
<label><input type="checkbox" name="test" value="bar" />Bar</label>
<div id="output"></div>

CSS

#output {
  margin-top: 20px;
  padding: 10px;
  background-color:slategrey;
}
p {
  margin: 0;
}

JavaScript

$('input[type="checkbox"]').change(function(){
	$('#output').append('<p>'+this.value +' changed</p>');
});