JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<div class="customjshop_attr_id37">
<input class="custom" type="radio" name="jshop_attr_id[3]" id="jshop_attr_id37" value="7" onclick="setAttrValue('3', this.value);">
<label class="radio_attr_label"  for="jshop_attr_id37">Zero  0мг/мл</label>
</div>

<div class="customjshop_attr_id38">
<input class="custom" type="radio" name="jshop_attr_id[3]" id="jshop_attr_id38" value="8" onclick="setAttrValue('3', this.value);">
<label class="radio_attr_label"  for="jshop_attr_id37">Zero  0мг/мл</label>
</div>

<div class="customjshop_attr_id45">
<input class="custom" type="radio" name="jshop_attr_id[4]" id="jshop_attr_id45" value="5" onclick="setAttrValue('4', this.value);">
<label class="radio_attr_label"  for="jshop_attr_id45">Subzero  0мг/мл</label>
</div>

<div class="customjshop_attr_id46">
<input class="custom" type="radio" name="jshop_attr_id[4]" id="jshop_attr_id46" value="6" onclick="setAttrValue('4', this.value);" checked="checked">
<label class="radio_attr_label"  for="jshop_attr_id46">Subzero  0мг/мл</label>
</div>

CSS

.checkkkkk{background:red;}

JavaScript

jQuery(document).ready(function($){
    $('input[id^=jshop_attr_id]').each(function(i){
        if($(this).prop('checked')){
            $(this).parent('div').addClass('checkkkkk');
        }
    });
    $('input[id^=jshop_attr_id]').click(function(){
        value=$(this).attr('value');
        id=$(this).attr('id');
        prefix=id.replace(value,'');
        $('[class^=custom'+prefix+']').removeClass('checkkkkk');
        $(this).parent('div').addClass('checkkkkk');
    });
})