JSFiddle - React, Tailwind, and code Playground

HTML

<article class="product product-table featured">
    <figure>
    <a href="products/" data-product="195">
        <img src="#" alt="СРЕДНЕБАССОВАЯ СИСТЕМА ARCHHORN" />
    </a>
    </figure>
<section>
 <h1><a href="products/">СРЕДНЕБАССОВАЯ СИСТЕМА ARCHHORN</a></h1>
 <div>описание</div>
</section>
<aside>
        <!-- Выбор варианта товара -->
<form class="variants" action="/cart">
    <ul>
      <li class="variant" for="product_206">
        <span class="activ-variant"></span>
<p><input id="product_206" name="variant" value="206" type="radio" lass="variant_radiobutton" checked />
<label class="variant_name" for="product_206">Купить</label>
            <span class="compare_price">18 000</span>
                <span class="price">20 000 <span class="currency">руб</span>
            </span>
 </p>
      </li>
      <li class="variant" for="product_207">
          <span class="activ-variant"></span>
<p><input id="product_207" name="variant" value="207" type="radio" class="variant_radiobutton"  />
<label class="variant_name" for="product_207">Аренда</label>
            <span class="compare_price">9 000</span>
                <span class="price">1 000 <span class="currency">руб</span>
            </span>
 </p>
        </li>
</ul>
<input type="submit" class="button" value="в корзину" data-result-text="добавлено"/>
</form>
<!-- Выбор варианта товара (The End) -->
</aside>
</article>

<article class="product product-table">
<figure>
<a href="#" data-product="43">
    <img src="#" alt="СРЕДНЕБАССОВАЯ СИСТЕМА ARCHHORN" /></a></figure>
<section>
 <h1><a href="products/srednebassovaya-sistema-archhorn-2">СРЕДНЕБАССОВАЯ СИСТЕМА ARCHHORN 2</a></h1>
 <div></div>
</section>

<!-- *****тоже выбор из 2 вариантов продукта *** -->
<aside>
        <!-- Выбор варианта товара -->
        <form class="variants" action="/cart">
            <ul>
                                     <li class="variant" for="product_53"><span class="activ-variant"></span>
<p><input id="product_53"...

JavaScript

$(document).ready(function(){
    $('input[type="radio"]').click(function() {
        $('li').removeClass('radioOn').addClass('radioOff');

        $(this).parent().removeClass('radioOff').addClass('radioOn');

    });
});