JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input class="varrad" type="radio" id="vari1" name="pr_otv" value="1" required oninvalid="this.setCustomValidity('Требуется указать правильный вариант ответа!')" oninput="setCustomValidity('')" />
<label for="vari1" class="dib sn variant" title="Укажите правильный вариант ответа">
  <span class="fwb red ml30 vvar">Вариант</span>
</label>
<input class="varrad" type="radio" id="vari2" name="pr_otv" value="2" required oninvalid="this.setCustomValidity('Требуется указать правильный вариант ответа!')" oninput="setCustomValidity('')" />
<label for="vari2" class="dib sn variant" title="Укажите правильный вариант ответа">
  <span class="fwb red ml30 vvar">Вариант</span>
</label>
<input class="varrad" type="radio" id="vari3" name="pr_otv" value="3" required oninvalid="this.setCustomValidity('Требуется указать правильный вариант ответа!')" oninput="setCustomValidity('')" />
<label for="vari3" class="dib sn variant" title="Укажите правильный вариант ответа">
  <span class="fwb red ml30 vvar">Вариант</span>
</label>
<input class="varrad" type="radio" id="vari4" name="pr_otv" value="4" required oninvalid="this.setCustomValidity('Требуется указать правильный вариант ответа!')" oninput="setCustomValidity('')" />
<label for="vari4" class="dib sn variant" title="Укажите правильный вариант ответа">
  <span class="fwb red ml30 vvar">Вариант</span>
</label>

JavaScript

$('.varrad').change(function(){
  if($(this).prop('checked')) {
  	$('.vvar').html('Вариант')
  	$(this).next('.variant').children('.vvar').text('Правильный');
  }
  else {
  	$(this).next('.variant').children('.vvar').text('Вариант');
  }
});