Please help with basic javascript question...

Printable View

10-21-2012, 02:13 PM
apod42

Please help with basic javascript question...

Hi all,

After much search finally found this on a forum:

Question:

"I have 4 checkboxes (named box1, box2 , box3 and box4) and I need to send
the user to one page if only boxes 1 and 2 are checked and to another page
if any other combinations are checked."

Answer:

"if (theForm.box1.checked && theForm.box2.checked && !theForm.box3.checked &&
!theForm.box4.checked)
window.location.href = "Page1.htm"
else
window.location.href = "Page2.htm""

****

Now my question: How should the full, working javascript look? (I mean the whole thing starting with <script language="JavaScript"></script>) ?

How do I call the script in form tag, onsubmit?

Many thanks...
10-22-2012, 09:23 AM
JMRKER

Nice question.

Now post an attempt at the answer.
We have too much to do beside doing your homework.

Note for modern browsers, you do not need the:

Code:

// language = "JavaScript" // archaic // use this instead <script type="text/javascript">

Also the  within the script are not needed either.
Comments can be included by either
// comment
or
/* many
lines
of
comments
*/
10-22-2012, 10:28 AM
apod42

JMRKER, thanks for the answer. It is not for my homework, believe it or not for 7 years now I make a living from web publishing. Until now, I just focused on writing content; these are my first steps at actual web development... :)

I tried to use the script in a JavaScript external file that validates a form. I just pasted it below function validate(form) {

Obviously, it did not work... :)
10-22-2012, 07:22 PM
JMRKER

Show the script and HTML, or a link to a live site, so we can see what you are doing.
It does not need to be your entire site, just a sample of the problem you are having with your post.
Difficult to comment on a snippet of code. Any suggestions I might make at this point would be just a SWAG. :confused:

Something as simple as this for testing purposes:

Code:

<!DOCTYPE html> <html lang="en"> <meta charset="utf-8" /> <title> Untitled </title> <script type="text/javascript"> function checkOptions(theForm) { if (theForm.box1.checked && theForm.box2.checked && !theForm.box3.checked && !theForm.box4.checked) { alert('Go to "Page1.htm"'); // window.location.href = "Page1.htm"; } else { alert('Go to "Page2.htm"'); // window.location.href = "Page2.htm"; } } </script> <style type="text/css"> </style> </head> <body> <form name="theForm" onsubmit="return false">  <input type="checkbox" name="box1"> Box 1<br> <input type="checkbox" name="box2"> Box 2<br> <input type="checkbox" name="box3"> Box 3<br> <input type="checkbox" name="box4"> Box 4<br> <button onclick="checkOptions(this.form)">Go To</button> </form> </body> </html>