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" checked="" />
</div>
<div class="border"></div>

<div class="wrapper">
    <input type="checkbox" name="checkbox2" checked="" />
</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"]').change(
    function  ()
    {
        var div = $(this).find('div');
        
        if ($(this).checked)
        {
            div.css("border", "solid 2px blue");
        }
        else
        {
            div.css("border", "solid 2px black");
        }
    });