JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

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

JavaScript

$('.m1').live('click', function() {

        var elem = $(this).find('input:checkbox');

       
        if( elem.is(':checked') && elem.is(':enabled') ) {
            $(this).css('background-color', '#00B0EA');
        }else{
            $(this).css('background-color', '');

        }

    });