-2

Eu tenho o seguinte codigo

eu gostaria de selecionar se ele é maior de idade automaticamente a partir da data de nascimento preenchida no input type date`

<div class="form-group">
 <label for="born_date">Data de Nascimento</label>
  <input type="date" name="born_date" id="born_date" class="form-control" value="" required>
</div>


<div class="form-group">
 <label for="" aria-required="true">Participante é maior de 18 anos?</label>
  <div class="mt-2">
   <label for="legalage">SIM
    <input type="radio" name="legalage" id="yes" class="square-radio" value="yes">
   </label>
    <label for="no">NÃO
     <input type="radio" name="legalage" id="no" class="square-radio" value="no">
    </label>
 </div>
</div>

`

2
  • Faltou colocar seu javascript. Commented 3/03/2023 às 13:05
  • como eu nao entendo muito de javascript eu nao coloquei Commented 3/03/2023 às 13:08

1 Resposta 1

-2

Fazendo umas pesquisas achei o melhor jeito de resolver esse problema

segue o codigo

function calculateAge(birthDate) {
  var today = new Date();
  var age = today.getFullYear() - birthDate.getFullYear();
  var monthDiff = today.getMonth() - birthDate.getMonth();
  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
    age--;
  }
  return age;
}

//marca a opção sim ou não dependendo dos dados que voce informa na data de nascimento e  desabilita o radio para não marcar outra opção
$(document).ready(function() {
  $("#born_date").change(function() {
    var birthDate = new Date($("#born_date").val());
    var age = calculateAge(birthDate);
    if (age >= 18) {
      $("#yes").prop("checked", true);
      $("#no").prop("disabled", true);
    } else {
      $("#no").prop("checked", true);
      $("#yes").prop("disabled", true);
    }
  });
});
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                            
<div class="form-group">
 <label for="born_date">Data de Nascimento</label>
  <input type="date" name="born_date" id="born_date" class="form-control" value="" required>
</div>

<div class="form-group">
 <label for="" aria-required="true">Participante é maior de 18 anos?</label>
  <div class="mt-2">
   <label for="legalage">SIM
    <input type="radio" name="legalage" id="yes" class="square-radio" value="yes">
   </label>
    <label for="no">NÃO
     <input type="radio" name="legalage" id="no" class="square-radio" value="no">
    </label>
</div>

1
  • 1
    Sua resposta pode ser melhorada adicionando informações fundamentais. Basta editar para adicionar mais detalhes, como citações ou documentação para que outras pessoas possam confirmar que sua resposta está correta. Você pode encontrar mais informações sobre como escrever boas respostas na Central de Ajuda.
    – Comunidade Bot
    Commented 3/03/2023 às 14:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .