Versão atual:

Mudar cor ao clicar no input

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');
});

Versão (1):

Ver a versão formatada

Mudar cor ao clicar no input

Comentário

new question