Desabilitar type "radio"


Pessoal, boa tarde!
Estou com o seguinte problema, tenho esses dois campos tipo rádio e em uma determinada fase do meu formulário gostaria de desabilitar o rádio "retornar", porém não consigo bloquea-lo, sempre que faço um comando é o "Prosseguir" que desabilita. ex: 
$("#cOpcPR").prop("disabled", true);


<div class="col-md-1">
    <div class="form-group">
        <label for="cOpcProseg">Prosseguir/Retornar?</label><br>
            <div class="radio">
                <label>
                    <input type="radio" name="cOpcPR"  id="cOpcPR" value="P" > Prosseguir                                                    
                </label>
            </div>
            <div class="radio">
                <label>                                                            
                    <input type="radio" name="cOpcPR"  id="cOpcPR" value="R" > Retornar
                </label>
            </div>
    </div>
</div>

1 curtida

@Quemuel,

Campos do tipo radio não podem ter o mesmo ID, só o NAME tem que ser igual, no seu caso teria que ficar assim:


<div class="col-md-1">
    <div class="form-group">
        <label for="cOpcProseg">Prosseguir/Retornar?</label><br>
            <div class="radio">
                <label>
                    <input type="radio" name="cOpcPR"  id="cOpcPR_P" value="P" > Prosseguir                                                    
                </label>
            </div>
            <div class="radio">
                <label>                                                            
                    <input type="radio" name="cOpcPR"  id="cOpcPR_R" value="R" > Retornar
                </label>
            </div>
    </div>
</div>

Para bloquear o Retornar ficaria assim:


$("#cOpcPR_R").prop("disabled", true);

Vlw @Gabriel, tínhamos feito com erro mesmo. Obrigado!

1 curtida