jQuery addClass example

Change class name on click in jQuery

by Carlos Brito

HTML

<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>

JavaScript

$('#checkDependentesNao').on('click', function(){
   const checked = $(this).is(':checked')
   $('input[type="text"]').attr('disabled', checked)
})