JSFiddle - React, Tailwind, and code Playground

by Divz

HTML

<input type="checkbox" name="logo-display" id="display-logo" checked/>
<label for="display-logo" >Display logo</label>
    
    <span class="box">
    </span>

CSS

.box{
    display:block;
    width:50px;
    height:50px;
    border:1px solid #ccc;
   }
.box.bg{
    background-color:#f00;
}
.box.no-bg{
    background:none;
}

JavaScript

$('#display-logo, label[for="display-logo"]').change(function() {
        	if(!$(this).is(":checked")) {
            	var returnVal = $('.box').toggleClass('no-bg bg');
            	$(this).attr("checked", returnVal);
        	}
              
    });