JS Form Help Needed

Jodi · Apr 13, 2005

I need help with a Java Script Form please, I have 99.9% of it done, but I would like to find a way to simply "add" the number checked boxes and take that number and have it automatically go into a text field which reports on the screen as they are filling out the form.

The form calculates a total already when the user enters that number them selves, but I would like to find a way to have that number entered for them as they are filling in the form.
The form is located here
The first section of the form where you see the check boxes Sunday and Monday, I would like those to calculate a running total of "reserved seats" that will go in the text field that is in the next section called CALCULATE YOUR TOTAL right next to "Total Seats Reserved "

If anyone can help that would be great, I have worked long and hard on this on my own and now I am in need of help.

THANK YOU ALL

~JO
jo@yourpagetoday.com

Jodi · Apr 13, 2005

Simplified

For a very simple version of my question...click here
Thanks everyone
~Jo

Wookie · Apr 13, 2005

You need to add a property to the checkbox OnClick="JAVASCRIPT: myfunction()"

when it is clicked it will call a function you make in the head, I would make the function check to see if the box is checked when it is clicked, if it is

document.myform.textbox.text = document.myform.textbox.text + 1

else
document.myform.textbox.text = document.myform.textbox.text - 1

or close to that, thats all off the top of my head.

Jodi · Apr 13, 2005

I was thinking something like that as well, I appreciate your help I wil give it a shot

Jodi · Apr 13, 2005

Seems pretty simple, and I understand the syntax of how it should work, but it still will not. Have a look at my script
What am I doing wrong?
click here view source

Thanks again, I am sure It is something simple.

Wookie · Apr 13, 2005

This should get you started

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>


<SCRIPT LANGUAGE="JavaScript">
function myfunction(){

		var myint
		myint = (+document.myform.reserved.value)
		myint = myint + 1		 

		document.myform.reserved.value = myint



}

</script>





</head>

<body>
<p>Simplified: </p>
<p>Who knows the script that can add the check boxes with a running total (as the form is being filled out) in the reserved box?</p>

<form name="myform">

  <input name="Monday" type="checkbox" id="Monday" OnClick="myfunction();" value="checkbox">
  +1<br>



  <input name="reserved" type="text" size="2"> 
 </form>

</body>

</html>

Jodi · Apr 13, 2005

Very Great!! Thank you!!

Jodi · Apr 13, 2005

Just one thing, How do I get it to -1 when unchecked?

Wookie · Apr 13, 2005

just check to see if its checked

Code:

<SCRIPT LANGUAGE="JavaScript">
function myfunction(){
		var myint
		if(document.myform.Monday.checked)
{

		
		myint = (+document.myform.reserved.value)
		myint = myint + 1		 

		document.myform.reserved.value = myint
}
else
{
myint = (+document.myform.reserved.value)
		myint = myint - 1		 

		document.myform.reserved.value = myint




}



}

</script>

Jodi · Apr 13, 2005

OH DUH, your the best, ok I got Now, thank you SOOOOO much, If I ask you anything else I will pay u by the hour LOL
Thanks again!

Wookie · Apr 13, 2005

well im being payed right now lol im at work its a very slow day.

Jodi · Apr 13, 2005

Hi Again, my finished product is hereHave a look at how much you've helped.
I have a lot more to work to do on it still....
I am not working on getting this section :IF PAYING BY CREDIT CARD ENTER DISCOUNTED TOTAL HERE $
and this section: First Time Member Promotion*
Qualified New Members Only, Enter Final Discounted Total Here
To also run into the total when checked, but that may take a while.
Anyway, thanks again. I learned a lot with your help.
~Jo

Log in or Sign up

JS Form Help Needed

Jodi Private First Class

Jodi Private First Class

Wookie Sergeant Major

Jodi Private First Class

Jodi Private First Class

Wookie Sergeant Major

Jodi Private First Class

Jodi Private First Class

Wookie Sergeant Major

Jodi Private First Class

Wookie Sergeant Major

Jodi Private First Class