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 do Head:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../css/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.mobile-1.4.5.min.js"></script> -->
<script type="text/javascript" src="../cordova.js"></script>
<script type="text/javascript"></script>
Código JS:
<script>
validar = function(){
var soma = 0;
$('input[type=range]').each(function() {
soma += parseInt($(this).val());
});
// depurando variável com da média
soma = (soma/3);
switch (soma) {
case 0:
location.href="depreop01.html";
break;
case 1:
location.href="depreop02.html";
break;
case 2:
location.href="depreop03.html";
break;
default:
location.href="questionario.html";
}
} // fim da função validar
</script>
Código HTML:
<form name="form" target="blank">
<label class="ui-hidden-accessible"></label>
<p>1. PERGUNTA</p>
<input type="range" name="fum-dep-1" id="fum-dep-1" min="0" max="10" value="10" step="1" data-highlight="true">
<label for="slider" class="ui-hidden-accessible"></label>
<p>2. PERGUNTA</p>
<input type="range" name="fum-dep-2" id="fum-dep-2" min="0" max="10" value="10" step="1" data-highlight="true">
<label for="slider" class="ui-hidden-accessible"></label>
<p>3. PERGUNTA</p>
<input type="range" name="fum-dep-3" id="fum-dep-3" min="0" max="10" value="10" step="1" data-highlight="true">
<br>
<input type="button" name="submit" onclick="validar();" value="Enviar" id="submit" />
</form>