Tenho a seguinte estrutura:
<tr> <td>Modalidade</td> <td><input type="checkbox" name="check_adulto" id="check_adulto"> Adulto(s) <?php echo $ detalhes->ati_faixa_adulto_inicio; ?> - ∞</td> <td><input type="checkbox" name="check_crianca"> Criança(s) <?php echo $ detalhes->ati_faixa_crianca_inicio; ?> - <?php echo $ detalhes->ati_faixa_crianca_final; ?></td> <td><input type="checkbox" name="check_infante"> Infante(s) <?php echo $ detalhes->ati_faixa_infantes_inicio; ?> - <?php echo $ detalhes->ati_faixa_infantes_final; ?></td> </tr> <?php foreach($ modalidades as $ valor){ ?> <tr> <td width="30%"><?php echo $ valor->titulo; ?></td> <td> <div class="input-group" style="width: 40%"> <span class="input-group-addon">BRL</span> <input type="text" class="form-control adulto" disabled="disabled"> </div> </td> <td> <div class="input-group" style="width: 40%"> <span class="input-group-addon">BRL</span> <input type="text" class="form-control" disabled="disabled"> </div> </td> <td> <div class="input-group" style="width: 40%"> <span class="input-group-addon">BRL</span> <input type="text" class="form-control" disabled="disabled"> </div> </td> </tr>
E o seguinte jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $ ("#check_adulto").click(function(){ $ (".adulto").prop("disabled", false); $ ("#check_adulto").last().click(function(){ $ (".adulto").prop("disabled", true); }); }); </script>
Porém, na hora de clicar em habilitar ou desabilitar… não funciona, ele habilita, porém, não desabilita. Como posso resolver?