JSFiddle - React, Tailwind, and code Playground

HTML

<label class="m1">
<input class="table" type="checkbox" value="1"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="2"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="3"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="checkbox" value="4"  name="masa[]" class="checkbox" >
</label>
    
    <br>
 <label class="m1">
<input class="table" type="radio" value="1"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="radio" value="2"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="radio" value="3"  name="masa[]" class="checkbox" >
</label>

<label class="m1">
<input class="table" type="radio" value="4"  name="masa[]" class="checkbox" >
</label>

CSS

label{
    
   background-color:#B6BF34;
}

JavaScript

$('.table').change(function(){
  var c = this.checked ? '#00B0EA' : '#B6BF34';
  $(this).parent().css('background-color', c);
});