JSFiddle - React, Tailwind, and code Playground

HTML

<label class="radio-inline conf-option-1"><input type="radio" class="checkbox-radio" name="configoption" value="1" checked="checked" 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" value="2" checked="checked" 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" value="3" checked="checked" 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>

JavaScript

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