JSFiddle - React, Tailwind, and code Playground

by igor_9000

HTML

<div>
  <label for="yes">
    <input type="radio" name="radio1" value="yes" id="yes" class="option-yes" data-partner="accomplished">Yes
  </label>
  <label for="no">
    <input type="radio" name="radio1" value="no" id="no" class="option-no" data-partner="refused">No
  </label>
</div>
<br><br>
<div>
  <label for="refused">
    <input type="radio" name="radio2" id="refused" disabled> Refused
  </label>
  <label for="accomplished">
    <input type="radio" name="radio2" id="accomplished" disabled> Accomplished
  </label>
</div>

JavaScript

$('input[name="radio1"]').on('change', function() {
	$('input[name="radio2]').prop('checked',false);
  $('#'+$(this).data('partner')).prop('checked',true);
});