Estou com um formulário médico, e foi pedida a seguinte alteração:
Se o campo 1 for checado = 1, tornar campo 2 obrigatório. Se não for checado não tornar como obrigatório.
Alguém poderia me ajudar?
Podes fazer assim:
const camp1 = document.getElementById('campo1');
const camp2 = document.getElementById('campo2');
const btn_sub = document.getElementById('btn-submit');
btn_sub.addEventListener('click', function() {
if(camp1.checked && !camp2.checked) {
alert('Campo 2 obrigatório');
return;
}
alert('É Válido')
});
<input id="campo1" type="checkbox">1
<br>
<input id="campo2" type="checkbox">2
<button id="btn-submit">Enviar</button>
var camp1 = $('campo1'); var camp2 = $('campo1'); if(camp1.val() == 1){ camp2.attr('required', true); }
Pode usar getElementById
var camp1 = getElementById('#camp1'); var camp2 = getElementById('#camp2'); if(camp1.val() == 1){ camp2.attr('required', true); }
Segue exemplo usando JavaScript
, Jquery
e a função required
do HTML5.
$('.pergunta').change(function() {
var chars = parseInt(this.value);
if (chars === 1) {
$('#retorno').html('<input type="checkbox" name="campo2" required=""> Obrigatório');
return;
} else {
$('#retorno').html('<input type="checkbox" name="campo2"> Não Obrigatório');
return;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="pergunta" name="checado" value="1" required>Sim
<input type="checkbox" class="pergunta" name="checado" value="2" required>Não
<div id="retorno"></div>
Espero ajudar.