Mudar cor ao clicar no input

TOTVS Fluig Documentos (ECM)
, , ,
1

Tenho um radio no form e gostaria que ele mudasse de cor quando fosse clicado.

Por exemplo, aprovado -> verde, reprovado -> vermelho.

Tentei com jQuery, mas não funcionou.


<div class="form-input">
    <label for="rdo_conferencia">Autorizado? <span style="color: red;">*</span></label>
</div>
<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default" id="lbl_autorizacao_sim">
        <input type="radio" name="nm_autorizacao" id="autorizacao_sim"> Sim
    </label>
    <label class="btn btn-default">
        <input type="radio" name="nm_autorizacao" id="autorizacao_ajuste"> Ajuste
    </label>
    <label class="btn btn-default">
        <input type="radio" name="nm_autorizacao" id="autorizacao_nao"> Não
    </label>
</div>


$("#autorizacao_sim").click(function() {
    $("#lbl_autorizacao_sim").removeClass("btn btn-default");
    $(this).addClass('btn btn-success');
});

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

2

Não sei em que html você está usando, se é dentro de uma widget ou dentro de um formulário, mas, em princípio esse código jQuery teria de estar dentro das tags , não?

3

É dentro de um formulário. O código é apenas um exemplo, o jQuery está em outro arquivo.