JSFiddle - React, Tailwind, and code Playground

by Petr Haluza

HTML

<div class="panel panel-warning" id="shoppingCartShpping"><!-- změnit na "panel-success" po vybrání -->
  <div class="panel-heading"> <h3 class="panel-title">Vyberte způsob <span>platby</span></h3> </div>
  <div class="panel-body">
    <div class="radio"><label><input class="radio-select" type="radio" name="platba" value="" />Hotově</label></div>
    <div class="radio"><label><input class="radio-select" type="radio" name="platba" value="" />Příkazem (bezhotovostní převod)</label></div>
    <div class="radio"><label><input class="radio-select" type="radio" name="platba" value="" />Zálohou (předem proformafakturou)</label></div>
  </div>
</div><!-- volba dopravy -->

<div class="panel panel-warning" id="shoppingCartShpping"><!-- změnit na "panel-success" po vybrání -->
  <div class="panel-heading"> <h3 class="panel-title">Vyberte způsob <span>platby</span></h3> </div>
  <div class="panel-body">
    <div class="radio"><label><input class="radio-select" type="radio" name="doprava" value="" />Hotově</label></div>
    <div class="radio"><label><input class="radio-select" type="radio" name="doprava" value="" />Příkazem (bezhotovostní převod)</label></div>
    <div class="radio"><label><input class="radio-select" type="radio" name="doprava" value="" />Zálohou (předem proformafakturou)</label></div>
  </div>
</div><!-- volba dopravy -->

CSS

.panel-warning {
    background: pink;
}
.panel-success {
    background: blue;
}

JavaScript

$('.panel').click(function() {
   if($('.radio-select').is(':checked')) { $(this).closest('.panel').addClass('panel-success'); }
});