JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src=""></script>
<script>
  function enableCheckBoxAndDisableNoRadioButton() {
    $(".checkbox").prop("checked", true);
    $("#no").prop("checked", false);
  }

  function disableCheckBoxAnddisableYesRadioButton() {
    $("#yes").prop("checked", false);
    $(".checkbox").prop("checked", false);

  }

</script>
<input class="checkbox" type="checkbox">
<p>
  yes
  <input id="yes" type="radio" onchange="enableCheckBoxAndDisableNoRadioButton()"> no
  <input id="no" type="radio" checked=true onchange="disableCheckBoxAnddisableYesRadioButton()">
</p>