JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="controls check-yes-no">
    <label class="checkbox inline">
      <input type="checkbox" value="option1" name="setupStewardshipReviewApproveReject"> Yes
    </label>
    <label class="checkbox inline">
      <input type="checkbox" value="option2" name="setupStewardshipReviewApproveReject"> No
    </label>
  </div>
        
  <div class="controls check-yes-no">
    <label class="checkbox inline">
      <input type="checkbox" value="option1" name="setupStewardshipReviewApproveReject"> Yes
    </label>
    <label class="checkbox inline">
      <input type="checkbox" value="option2" name="setupStewardshipReviewApproveReject"> No
    </label>
  </div>

JavaScript

$('.check-yes-no input:checkbox').click(function () {
        $(this).parent().siblings().find("input[type='checkbox']").prop("checked", false); // uncheck the other checkbox when this is checked
    });