JavaScript Forum

**rasta_rocket** · 06-07-2005, 10:06 PM

Need to find out if there is a way to do the following form I am working on,

It is a form with 10 questions, yes and no questions.

if all 10 questions are answered no, then go to the no.htm page
, but if all 10 questions are answered yes then go to the the yes.thm page.

Im guessing it will be in the form validation , but dont know where to start.

If ayone has any idea would be cool to fin dout., cheers

**Phaedrus** · 06-08-2005, 01:46 AM

This has 5 questions, but it will work for 10 just the same.

HTML Code:

<html>
<head>
<script language="javascript">
	function checkAnswers()
	{
		var answer = "none";
		var uniform = true;
		
		for (i=0;i<document.forms[0].elements.length;i++)
		{
			if (document.forms[0].elements[i].checked)
			{
				if (answer == "none")
				{
					answer = document.forms[0].elements[i].value;
				}
				else
				{
					if (document.forms[0].elements[i].value != answer)
					{
						uniform = false;		
					}
				}
			}
		}
		
		if ( (uniform == true) && (answer == "yes") ) 
		{ 
			window.location = "yes.htm";
		}
		else if ( (uniform == true) && (answer == "no") )
		{
			window.location = "no.htm";	
		}
		else 
		{
			alert ("Answers are not uniform");	
		}
	}
</script>
</head>
<body>
<form>

<p>To be or not to be?</p>
<p>
	<input type="radio" name="1" value="yes" /> Yes <br />
	<input type="radio" name="1" value="no" /> No
</p>

<p>To be or not to be?</p>
<p>
	<input type="radio" name="2" value="yes" /> Yes <br />
	<input type="radio" name="2" value="no" /> No
</p>

<p>To be or not to be?</p>
<p>
	<input type="radio" name="3" value="yes" /> Yes <br />
	<input type="radio" name="3" value="no" /> No
</p>

<p>To be or not to be?</p>
<p>
	<input type="radio" name="4" value="yes" /> Yes <br />
	<input type="radio" name="4" value="no" /> No
</p>

<p>To be or not to be?</p>
<p>
	<input type="radio" name="5" value="yes" /> Yes <br />
	<input type="radio" name="5" value="no" /> No
</p>


<input type="submit" onclick="checkAnswers();" />

</form>
</body>
</html>