Calculating text fields

jayman · #11 (**permalink**) March 3rd, 2006, 06:11 AM

Hi,

I only changed a few of the textfield boxes to the name of "textfield[n]" to test the formula.
However,the other textfield boxes have all got different names ranging from something "StartWord","Typing","Select" etc.

The total_score[n] boxes have a different number of text boxes to add up.

Jayman

Quote:

quote:Originally posted by ChrisScott
Hi Jayman,

Ok, I think I get what you mean.

What are the names of the text boxes that you are going to add up for Total_Score2, Total_Score3 etc - do they continue as Textfield3, Textfield4 and so on?

Does each Total_Score[n] have the same number of text boxes to add up?

Cheers,

Chris

ChrisScott · #12 (**permalink**) March 3rd, 2006, 06:56 AM

Hi Jayman,

You could do something like...

Code:

function CalcTotal(pForm, pTotalField, pFieldsToAdd){
    var fldArr = pFieldsToAdd.split(",");
    var total = 0;
    for(var i = 0; i < fldArr.length; i++){
        var fld = pForm[fldArr[i]];
        if(!isNaN(fld.value) && fld.value != ""){
            total += parseFloat(fld.value);
        }
    }
    pForm[pTotalField].value = total;
}

...

<form id="myForm" name="myForm" action="">
    <input id="myField1" name="myField1" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />
    <input id="myField2" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />
    <input id="myField3" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />

    <input id="myTotalField" type="text" />
</form>

Then just repeat with different parameters for your other fields.

HTH,

Chris

jayman · #13 (**permalink**) March 3rd, 2006, 08:52 AM

Thanks i'll let you know how i get on

Jayman

Quote:

quote:Originally posted by ChrisScott
Hi Jayman,

You could do something like...

Code:

function CalcTotal(pForm, pTotalField, pFieldsToAdd){
    var fldArr = pFieldsToAdd.split(",");
    var total = 0;
    for(var i = 0; i < fldArr.length; i++){
        var fld = pForm[fldArr[i]];
        if(!isNaN(fld.value) && fld.value != ""){
            total += parseFloat(fld.value);
        }
    }
    pForm[pTotalField].value = total;
}

...

<form id="myForm" name="myForm" action="">
    <input id="myField1" name="myField1" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />
    <input id="myField2" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />
    <input id="myField3" type="text" onkeyup="CalcTotal(this.form, 'myTotalField', 'myField1,myField2,myField3');" />

    <input id="myTotalField" type="text" />
</form>

Then just repeat with different parameters for your other fields.

HTH,

Chris

jayman · #14 (**permalink**) March 6th, 2006, 05:27 AM

Thanks Chris you're a life saver that script worked perfectly.
I've now finished my website form.

Jayman

Need to download code?

Navigation