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;
}
.border.blue-border {
  border-color: blue;
}

JavaScript

$('input[type="checkbox"]').on('change', function() {
  $(this).closest('.wrapper').next().toggleClass('blue-border')
});