JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div id="scrollwrap">

    <div>
       <input value="1"  type="checkbox" name="salgsvilkar" id="checkbox2"  style="float:left;"/>
        <label for="checkbox2" class="akslabel">Salgs og leveringsvilkår er lest og akseptert</label>
    </div>

</div>

CSS

#scrollwrap
{
    border: 1px solid #000;
    padding: 20px;
    width: 300px;
}

#scrollwrap.highlight
{
    border: 1px solid #f00;
    background-color: #0f0;
    padding: 20px;
    width: 300px;
}

JavaScript

$(function() {
   //checkbox
   $("#checkbox2, .akslabel").click(function(){
    $("#scrollwrap").toggleClass('highlight');
  });
});