JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<label><input type="checkbox" name="cb1" class="chbR" /> % Retain</label>
<label><input type="checkbox" name="cb2" class="chbP" /> % Passing</label>

CSS

label {
  display: block;
}

JavaScript

$(".chbR").click(function(){
  console.log($(".chbR").prop('checked'));
 	console.log("chkbR click");
 });

 $(".chbP").click(function(){
 console.log($(".chbP").prop('checked'));
 	console.log("chkbR click");
 });


$(".chbR").change(function(){
  console.log($(".chbR").prop('checked'));
	console.log("chkbR change");
});

$(".chbP").change(function(){
  console.log($(".chbP").prop('checked'));
	console.log("chbP change");
});