Estou com precisando pegar valores de um formulário do tipo "range" e através dos valores de cada <input>
do <form>
quero armazenar em uma var
do JavaScript dentro da própria página <html>
para que dentro de uma função verifica()
eu possa realizar condições do tipo if
e else
ou switch verificando um valor a partir de uma média dos valores pela quantidade de perguntas e direcionar para outra página <html>
de acordo com os resultados.
Código JS:
<!DOCTYPE html>
TESTE//meu js dentro do htmlvar soma = 0;$('input[type=range]').each(function(){soma += parseInt($(this).val());});<script>
validar = function validar(){
var soma = 0;
if (soma < 46$('input[type=range]').each(function() {
soma += location.href="pag01parseInt($(this).html";val());
} else);
if (soma > 45// &&depurando somavariável <com 91)da {média
soma = (soma/3);
switch (soma) location.href="pag02.html";{
} else if (soma > 90)case {0:
location.href="pag03href="depreop01.html";
}
}
</script> break;
Questionário 1. PERGUNTA
<label class="ui-hidden-accessible"></label>
<p>2.case PERGUNTA</p>1:
<input type="range" name="fum-dep-2" id="fum-dep-2" min="0" max="10" value="0">
<label class="ui-hidden-accessible"></label>location.href="depreop02.html";
<p>3. PERGUNTA</p>
<input type="range" name="fum-dep-3" id="fum-dep-3" min="0" max="10" value="0">
break;
<label class="ui-hidden-accessible"></label>
<p>4.case PERGUNTA</p>2:
<input type="range" name="fum-dep-4" id="fum-dep-4" min="0" max="10" value="0">
<label class="ui-hidden-accessible"></label>location.href="depreop03.html";
<p>5. PERGUNTA</p>
<input type="range" name="fum-dep-5" id="fum-dep-5"break;
min="0" max="10" value="0">
<label class="ui-hidden-accessible"></label>default:
<p>6. PERGUNTA</p>
<input type="range" name="fum-dep-6" id="fum-dep-6"location.href="questionario.html"; min="0" max="10" value="0">
<label class="ui-hidden-accessible"></label>
<p>7. PERGUNTA</p>}
<input type="range" name="fum-dep-7" id="fum-dep-7" min="0" max="10" value="0">
<label class="ui-hidden-accessible"></label>
<p>8.} PERGUNTA</p>
<input type="range"/ name="fum-dep-8"fim id="fum-dep-8"da min="0"função max="10"validar value="0">
<label class="ui-hidden-accessible"><</label>
<p>9.script> PERGUNTA</p>
<input type="range" name="fum-dep-9" id="fum-dep-9" min="0"
Código HTML:
<form max="10"name="form" value="0">
target="blank">
<label class="ui-hidden-accessible"></label>
<p>10<p>1. PERGUNTA</p>
<input type="range" name="fum-dep-10"1" id="fum-dep-10"1" min="0" max="10" value="0">value="10" step="1" data-highlight="true">
<label for="slider" class="ui-hidden-accessible"></label>
<p>11<p>2. PERGUNTA</p>
<input type="range" name="fum-dep-11"2" id="fum-dep-11"2" min="0" max="10" value="0">value="10" step="1" data-highlight="true">
<label for="slider" class="ui-hidden-accessible"></label>
<p>12<p>3. PERGUNTA</p>
<input type="range" name="fum-dep-12"3" id="fum-dep-12"3" min="0" max="10" value="0">
value="10" <labelstep="1" class="ui-hiddendata-accessible"></label>
<p>13. PERGUNTA</p>highlight="true">
<input type="range" name="fum-dep-13" id="fum-dep-13" min="0" max="10" value="0">
<br>
<input type="submit"type="button" name="submit" onclick="validar();" value="Enviar" id="submit" />
</div> <!-- fielcontein -->
</form>
</div> <!-- content -->
</div> <!-- page -->