Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, boa tarde.
Sou iniciante com isso e estou super enrolado aqui, preciso de uma ajuda de alguém que entenda mais que eu.
Em um formulário que estou desenvolvendo, preciso que um campo seja exibido somente se no campo anterior a escolha seja maior que 0 (zero).
Veja o código.
<!-- Campo 1 - Verificar se a quantidade de filhos é maior que 0, caso seja o campo abaixo deve aparecer, se não ele deve manter oculto-->
<div class="form-group perguntar">
<label for="inputQtdFilho" id="qtdfilho" class="control-label">Quantos Filhos você tem deste Casamento?</label>
<select class="form-control">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<!-- Função para fazer a verificação -->
<script type="text/javascript">
$('#qtdfilho').change(function(){
if ($(this).val() > 0) {
$('#filhomais18').show();
} else {
$('#filhomais18').hide();
$('#qtdfilho').val(0);
}
})
</script>
<!-- Campo que deve aparecer somente se a quantidade de filhos for maior que zero, inicialmente oculto, aguardando condição -->
<div class="form-group perguntar">
<label for="InputFilhomais18" id="filhomais18">Algum filho menor de 18 anos ou Incapacitado?</label>
<select class="form-control">
<option value="-">-</option>
<option value="sim">Sim</option>
<option value="nao">Não</option>
</select>Carregando comentários...