Caros, boa tarde. Estou com a seguinte questão. Devo bloquear os outros radio buttons ao clicar no radio button da primeira checagem. Sendo assim, ao clicar no radio button prioridade1, os radio buttons prioridade2 e prioridade3 devem ficar disabilitados.
Tentei da seguinte forma:
JS
<script type="text/javascript">
$(document).ready(function(){
if( $("input[type='radio'][id='prioridade1']").is(':checked')){
document.getElementById("prioridade2").disabled=false;
document.getElementById("prioridade3").disabled=false;
}
});
</script>
HTML:
<div class="row">
<div class="col-md-3 m-b-15">
<h5>Primeira checagem</h5>
<div class="form-check">
<input type="radio" class="form-check-input" id="prioridade1" value="cast(prioridade as int4) desc" name="checagem1">
<label class="form-check-label">Prioridade</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="tentativas1" value="ivr_contatos.tentativas" name="checagem1">
<label class="form-check-label">Tentativas</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="agendamento1" value="ivr_contatos.agendamento" name="checagem1">
<label class="form-check-label">Agendamento</label>
</div>
</div>
<div class="col-md-3 m-b-15">
<h5>Segunda checagem</h5>
<div class="form-check">
<input type="radio" class="form-check-input" id="prioridade2" value="cast(ivr_contatos.prioridade as int4) desc" name="checagem2">
<label class="form-check-label">Prioridade</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="tentativas2" value="ivr_contatos.tentativas" name="checagem2" >
<label class="form-check-label">Tentativas</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="agendamento2" value="ivr_contatos.agendamento" name="checagem2">
<label class="form-check-label">Agendamento</label>
</div>
</div>
<div class="col-md-3 m-b-15">
<h5>Terceira checagem</h5>
<div class="form-check">
<input type="radio" class="form-check-input" id="prioridade3" value="cast(prioridade as int4) desc" name="checagem3">
<label class="form-check-label">Prioridade</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="tentativas3" value="ivr_contatos.tentativas" name="checagem3">
<label class="form-check-label">Tentativas</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="agendamento3" value="ivr_contatos.agendamento desc" name="checagem3">
<label class="form-check-label">Agendamento</label>
</div>
</div>
Entretanto não estou conseguindo atingir o resultado esperado. Existe alguma forma mais simples de realizar esse procedimento?