JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-latest.js"></script>
<div class="wrapper">
  <input type="checkbox" name="checkbox1"/>
</div>
<div class="border"></div>

<div class="wrapper">
  <input type="checkbox" name="checkbox2" />
</div>
<div class="border"></div>

CSS

div.wrapper {
  width: 100px;
  text-align: center;
}

div.border {
  width: 100px;
  height: 60px;
  border: solid 2px black;
}

JavaScript

$('input[type="checkbox"]').on('change', function() {
  var div = $(this).closest('.wrapper').next();

  if (this.checked) {
    div.css("border", "solid 2px blue");
  } else {
    div.css("border", "solid 2px black");
  }
});