calculation within a form

[elji]

In my form, I have 4 objects that I want to work together:


<input name="price" type="text" id="price" value="100" size="4">

<input name="quantity" type="text" id="quantity" value="1" size="2">


<input name="shipping" type="radio" value="slow">

<input name="shipping" type="radio" value="fast">


<input name="total" type="text" id="total" size="8">


I 'd like that when someone checks the first radiobutton (slow),
the "total" textfield shows: price x quantity + 5

and when someone checks the second radiobutton (fast),
the "total" textfield shows: price x quantity + 10


Sadly, I don't know javascript, but there's got to be an easy way to do
that, right?

Thanks to all who will answer, any link to a page that has something
similar would also be appreciated.

 

[Lee]

elji said:

<input name="price" type="text" id="price" value="100" size="4">
<input name="quantity" type="text" id="quantity" value="1" size="2">
<input name="shipping" type="radio" value="slow">
<input name="shipping" type="radio" value="fast">
<input name="total" type="text" id="total" size="8">

I 'd like that when someone checks the first radiobutton (slow),
the "total" textfield shows: price x quantity + 5

and when someone checks the second radiobutton (fast),
the "total" textfield shows: price x quantity + 10


Sadly, I don't know javascript, but there's got to be an easy way to do
that, right?

Is this for a class?
It seems too simplistic to be for a real website, and I'd hate
to think that somebody who doesn't know Javascript would try
to create a commercial web site. You could open yourself to
all sorts of legal and financial problems.

 

[elji]

I would do it with onClick

<input name="shipping" type="radio" value="slow" onClick="...">

 

[elji]

elji said:




Is this for a class?
It seems too simplistic to be for a real website, and I'd hate
to think that somebody who doesn't know Javascript would try
to create a commercial web site. You could open yourself to
all sorts of legal and financial problems.

No, that's not for a class, this looks simplistic, but that's only a
part of a very large form, but I've only shown here where my problem is.

And yes, I hardly know javascript, but my commerce is not about programming.

 

[Thomas 'PointedEars' Lahn]

Is this for a class?

What do you mean by `class'?


PointedEars

 

[Thomas 'PointedEars' Lahn]

<input name="price" type="text" id="price" value="100" size="4">
<input name="quantity" type="text" id="quantity" value="1" size="2">
<input name="shipping" type="radio" value="slow">
<input name="shipping" type="radio" value="fast">
<input name="total" type="text" id="total" size="8">

I 'd like that when someone checks the first radiobutton (slow),
the "total" textfield shows: price x quantity + 5

function calcTotal(o)
{
if (o
&& o.value
&& o.form
&& o.form.elements
&& o.form.elements['price']
&& o.form.elements['quantity']
&& o.form.elements['total'])
{
var total =
o.form.elements['price'].value * o.form.elements['quantity'].value;
var adds = {slow: 5, fast: 10};
total += (adds[o.value] ? adds[o.value] : 0);
o.form.elements['total'].value = total;
}
}
....
<input name="shipping" type="radio" value="slow"
onclick="calcTotal(this)">

and when someone checks the second radiobutton (fast),
the "total" textfield shows: price x quantity + 10

<input name="shipping" type="radio" value="fast"
onclick="calcTotal(this)">

The calcTotal(...) function decides what to add
depending on the `value' attribute of the radio
button. Untested.

Sadly, I don't know javascript,

But you can learn it.

but there's got to be an easy way to do that, right?

Yes, it is.


HTH

PointedEars

 

[Fabian]

Thomas 'PointedEars' Lahn hu kiteb:

What do you mean by `class'?

Judging from context, I'd guess class as in a course of study.