How to disable an input field after ticking a checkbox?

Question

Hello, folks, I would like to know how to enable / disable an input field after user select an option in a checkbox?

My form has a question and if the user selects the "No" checkbox, I would like to disable the following field:

<ul class="nav">
   <li>
      <div>
         <label>Possui Dependentes?</label>
            <input type="checkbox" id="checkDependentesSim" name="Dependentes[1][]"> Sim
            <input type="checkbox" id="checkDependentesNao" name="Dependentes[1][]"> Não
      </div>
   </li>
   <li>
      <!-- Quero que o input nessa div fique habilitado caso o usuário selecione "Sim",
      senão, fica 'disabled' -->
      <div>
         <label>Quantidade de Dependentes</label>
         <input type="text" required style="border: solid 0.5px #000; width: 300px; height: 37px;">
      </div>
   </li>
</ul>

I already have a JS that unchecks one option if the user chooses the other (uncheck "Yes" if the user clicks "No", and vice versa):

$("input:checkbox").on('click', function() {
   var $box = $(this);
   if ($box.is(":checked")) {
      var group = "input:checkbox[name='" + $box.attr("name") + "']";
      $(group).prop("checked", false);
      $box.prop("checked", true);
   } else {
      $box.prop("checked", false);
   }
});

I need a JS function to check, when the user clicks the checkbox, whether the next field will be disabled or not.