JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item__uslugi">
<label class="icr-check icr-label" >
   <span class="icr-item type_checkbox"></span>
   <span class="icr-hidden">
   <input class="icr-input"  type="checkbox" name="dop[]" value="234">
   </span>
   <span class="icr-text">reergergregre</span>
</label>
 </div>

CSS

.icr-label {border: 2px green solid; display:block; width:200px; height:200px;}
.icr-label.checked {border: 3px red solid;}

JavaScript

$(document).ready(function() {

$('.icr-label').on('click', function() {
  $(this).toggleClass('checked');
});
});