0

Como faço para que ao clicar em um button radio que vem listado conforme as informações vindas de um banco de dados, desabilitar o textarea. Vejam abaixo:

inserir a descrição da imagem aqui

Gostaria que ao clicar em Não, o textarea de justificativa referente, fosse desabilitado. O código inicial está dessa forma:

while($jmListar = mysqli_fetch_object($sqlListar)){
$listar .= "<td>
          <div class='radio-group'>
              <label class='radio-label'>
                  <input name='Cancelar_$jmListar->IdCadastros' type='radio' checked='checked' value='S' id='sim'>
                  <span class='inner-label' style='color: #008000; font-weight: bold'>Sim</span>
              </label>
              <label class='radio-label'>
                  <input name='Cancelar_$jmListar->IdCadastros' type='radio' value='N' id='nao'>
                  <span class='inner-label' style='color: #F00; font-weight: bold'>Não</span>
              </label>
           </div>
         </td>";
$listar .= "<td><textarea name='Justificativa_$jmListar->IdCadastros' class='form-control' id='justificativa' disabled></textarea></td>";
$listar .= "</tr>";
}

2 Respostas 2

2

Você pode pegar o evento .change do radiobutton

<input ... class="rButton">
<input ... class="rButton">
<textarea id="justificativa">
Script

​$( ".rButton" ).change(function() {
    switch($(this).val()) {
        case 'S' :
        $("#justificativa").prop("disabled", false);
            break;
        case 'N' :
            $("#justificativa").prop("disabled", true);
            break;
    }            
});​
2
  • Olá Danielle. A solução do dvd serviu para o que eu estava precisando. Muito obrigado mesmo assim.
    – user24136
    3/04/2018 às 19:30
  • blz. boa sorte.. 3/04/2018 às 20:07
1

Pode fazer desta forma:

$("input[type='radio'][name*='Cancelar']").click(function(){

   $(this).closest("tr")
   .find("textarea")
   .prop("disabled", $(this).val() == "S" ? false : true);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>
          <div class='radio-group'>
              <label class='radio-label'>
                  <input name='Cancelar_1' type='radio' checked='checked' value='S' id='sim'>
                  <span class='inner-label' style='color: #008000; font-weight: bold'>Sim</span>
              </label>
              <label class='radio-label'>
                  <input name='Cancelar_1' type='radio' value='N' id='nao'>
                  <span class='inner-label' style='color: #F00; font-weight: bold'>Não</span>
              </label>
           </div>
         </td>
<td><textarea name='Justificativa_2' class='form-control' id='justificativa'></textarea></td>
</tr>

<td>
          <div class='radio-group'>
              <label class='radio-label'>
                  <input name='Cancelar_2' type='radio' checked='checked' value='S' id='sim'>
                  <span class='inner-label' style='color: #008000; font-weight: bold'>Sim</span>
              </label>
              <label class='radio-label'>
                  <input name='Cancelar_2' type='radio' value='N' id='nao'>
                  <span class='inner-label' style='color: #F00; font-weight: bold'>Não</span>
              </label>
           </div>
         </td>
<td><textarea name='Justificativa_$jmListar->IdCadastros' class='form-control' id='justificativa'></textarea></td>
</tr>
</table>

1
  • Perfeito dvd. Funcionou! Muito obrigado mais uma vez.
    – user24136
    3/04/2018 às 19:29

Você deve fazer log-in para responder a esta pergunta.