JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item__uslugi">
<label class="icr-check icr-label" for="checkbox_id">
   <span class="icr-item type_checkbox"></span>
   <span class="icr-hidden">
   <input class="icr-input" id="checkbox_id" 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');
  $(this).append('iclick<br>');
});
});