JSFiddle - React, Tailwind, and code Playground

HTML

<label class="radio-inline conf-option-1"><input type="radio" class="checkbox-radio" name="configoption[1]" value="1"  onclick="prodconfrecalcsummary()">
        <i class="icon-addon"></i>
        <span class="addon-qty"></span>
        <span class="addon-text">Text</span>
        <span class="addon-price"> Text </span>
</label>

<label class="radio-inline conf-option-2"><input type="radio" class="checkbox-radio" name="configoption[2]" value="2" onclick="prodconfrecalcsummary()">
        <i class="icon-addon"></i>
        <span class="addon-qty"></span>
        <span class="addon-text">Text</span>
        <span class="addon-price"> Text </span>
</label>

<label class="radio-inline conf-option-3"><input type="radio" class="checkbox-radio" name="configoption[3]" value="3" onclick="prodconfrecalcsummary()">
        <i class="icon-addon"></i>
        <span class="addon-qty"></span>
        <span class="addon-text">Text</span>
        <span class="addon-price"> Text </span>
</label>

CSS

.selected
{
  background-color:red;
}

JavaScript

jQuery(".checkbox-radio").change(function() {
  $(".radio-inline").removeClass("selected"); 
  if ($(this).is(':checked'))
    $(this).closest(".radio-inline").addClass("selected");
  else
    $(this).closest(".radio-inline").removeClass("selected");
});