JavaScript - Multiply Values From Checkbox Selections

Pardon my rookie question as I know little about code, but have managed with some help to get a basic setup of what I want, just not quite the end product. I have a pricing page that is broken into multiple categories per phase. I want a customer to be able to select my checkboxes and hit a button that will display a rolled up total. I also want it to be able to re-calculate the totals if a box is subsequently unchecked. I have browsed and searched the form to get the code to where it is now but need help to finish it. Thank you in advance, Here is a bit of the code I am using so you have an example"

Code:

<div class="item">
<h1>Phase 1: Structurals</h1>
</div>
<input name="Phase 1" type="checkbox" value="0~~Phase 1: Complete w/ Engineering" /> Phase 1: Complete w/ Engineering
<input name="Phase 1" type="checkbox" value="0~~Phase 1: Complete w/ Out Engineering" /> Phase 1: Complete w/ Out Engineering
<input name="Phase 1" type="checkbox" value="10~~Foundation: Monoslab" /> Foundation: Monoslab
<input name="Phase 1" type="checkbox" value="20~~Foundation: Post Tension" /> Foundation: Post Tension
<input name="Phase 1" type="checkbox" value="30~~Foundation: Stemwall" /> Foundation: Stemwall
<input name="Phase 1" type="checkbox" value="40~~Foundation: Basement" /> Foundation: Basement
<input name="Phase 1" type="checkbox" value="40~~Framing w/ Engineering" /> Framing w/ Engineering
<input name="Phase 1" type="checkbox" value="40~~Framing w/ out Engineering" /> Framing w/ out Engineering
<input name="Phase 1" type="checkbox" value="40~~Framing Hardware (with Engineering ONLY)" /> Framing Hardware (with Engineering ONLY)
<div class="item">
<h1>Phase 2: Mechanicals</h1>
</div>
<input name="Phase 2" type="checkbox" value="0~~Phase 2: Complete w/ Engineering" /> Phase 2: Complete w/ Engineering
<input name="Phase 2" type="checkbox" value="0~~Phase 2: Complete w/ Out Engineering" /> Phase 2: Complete w/ Out Engineering
<input name="Phase 2" type="checkbox" value="10~~Plumbing" /> Plumbing
<input name="Phase 2" type="checkbox" value="20~~HVAC" /> HVAC
<input name="Phase 2" type="checkbox" value="30~~Electrical" /> Electrical
<div class="item">
<h1>Phase 3: Exterior Finishes</h1>
</div>
<input name="Phase 3" type="checkbox" value="0~~Phase 3: Complete" /> Phase 3: Complete
<input name="Phase 3" type="checkbox" value="0~~Housewrap" /> Housewrap
<input name="Phase 3" type="checkbox" value="10~~Brick" /> Brick
<input name="Phase 3" type="checkbox" value="20~~Stone" /> Stone
<input name="Phase 3" type="checkbox" value="30~~Vinyl Siding" /> Vinyl Siding
<input name="Phase 3" type="checkbox" value="30~~Cementitious Siding" /> Cementitious Siding
<input name="Phase 3" type="checkbox" value="30~~Roofing" /> Roofing
<input name="Phase 3" type="checkbox" value="30~~Windows" /> Windows
<input name="Phase 3" type="checkbox" value="30~~Exterior Doors" /> Exterior Doors
<div class="item">
<h1>Phase 4: Interior Finishes</h1>
</div>
<input name="Phase 4" type="checkbox" value="0~~Phase 4: Complete" /> Phase 4: Complete
<input name="Phase 4" type="checkbox" value="0~~Insulation" /> Insulation
<input name="Phase 4" type="checkbox" value="10~~Drywall" /> Drywall
<input name="Phase 4" type="checkbox" value="20~~Paint" /> Paint
<input name="Phase 4" type="checkbox" value="30~~Interior Trim" /> Interior Trim
<input name="Phase 4" type="checkbox" value="30~~Interior Doors" /> Interior Doors
<input name="Phase 4" type="checkbox" value="30~~Mirrors" /> Mirrors
<input name="Phase 4" type="checkbox" value="20~~Shelving" /> Shelving
<input name="Phase 4" type="checkbox" value="30~~Bath Accessories" /> Bath Accessories
<input name="Phase 4" type="checkbox" value="30~~Countertops" /> Countertops
<input name="Phase 4" type="checkbox" value="30~~Cabinets" /> Cabinets
<input name="Phase 4" type="checkbox" value="30~~Shower Surrounds" /> Shower Surrounds
<input name="Phase 4" type="checkbox" value="30~~Shower Enclosures" /> Shower Enclosures
<div class="item">
<h1>Phase 5: Flooring</h1>
</div>
<input name="Phase 5" type="checkbox" value="0~~Flooring" /> Flooring

Hi,

i feel kinda stupid asking this, but im kinda lost. I want to add up multiple values of groups of checkboxes. I managed to add up the values, but making it so that only one checkbox per group can be enabled at any time gives me a headache.

Here is what i got so far, any hints to how to make it work would be really cool.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
  
 
  
 <script type="text/javascript">
function Summe()
{
  sum = 0;
  if(document.Formular.m1.checked) 
  {
    sum = sum + (1 * document.Formular.m1.value);
  }
  if(document.Formular.m2.checked)
  {
    sum = sum + (1 * document.Formular.m2.value);
  }
  if(document.Formular.m3.checked)
  {
    sum = sum + (1 * document.Formular.m3.value);
  }
  if(document.Formular.m4.checked)
  {
    sum = sum + (1 * document.Formular.m4.value);
  }
  if(document.Formular.m5.checked)
  {
    sum = sum + (1 * document.Formular.m5.value);
  }
  
   if(document.Formular.m6.checked)
  {
    sum = sum + (1 * document.Formular.m6.value);
  }
  
   if(document.Formular.m7.checked)
  {
    sum = sum + (1 * document.Formular.m7.value);
  }
  
   if(document.Formular.m8.checked)
  {
    sum = sum + (1 * document.Formular.m8.value);
  }
 
 
  document.Formular.black.value = sum;
}

 


</script>

    
 <form name="Formular">
  <INPUT TYPE="TEXTBOX" NAME="black" VALUE="" SIZE="3"> <br>
  grp1<br>
  <input type="checkbox" Name="m1" Value="411" id="411"  onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m2" Value="412"  id="412" onClick="javascript:Summe()"> <br><br>
   grp2<br> 
  <input type="checkbox" Name="m3" Value="421"  id="421"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m4" Value="422"  id="422"onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m5" Value="423"  id="423" onClick="javascript:Summe()"> <br> <br>
   grp3 <br>
  <input type="checkbox" Name="m6" Value="431"  id="431" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m7" Value="432"  id="432" onClick="javascript:Summe()"> <br>
  <input type="checkbox" Name="m8" Value="433"  id="433" onClick="javascript:Summe()"> <br> <br>
 </form>

  </body>
</html>

i'm trying to "post" the selected checkboxes (name and value) into a mysql database;
i've search "docter google" for some answers and read that the "easiest" way to do this is to collect the checkboxes and put the values and names in to an hidden textfield ( function setvalue() ) and collect this textfield in a new page with php; but this doesn't work.
it seems that the variable naamtest is empty (when i load a word into this var arv it does work)

can someone find my error?

Code:

<script type="text/javascript">
function shift(which)
{

var counter = 0;  // counter for checked checkboxes     
var i       = 0;  // loop variable     
var veck     = "";// final url variable 
var beginsaldo = 79;
var namen_array = "";
var va_array = "";
var namen = "";
var valu = "";
var input_obj = document.getElementsByTagName('input');      // get a collection of objects with the specified 'input' TAGNAME     
for (i=0; i < input_obj.length; i++){            // loop through all collected objects    
if (input_obj[i].type == 'checkbox' && input_obj[i].checked == true){             // if input object is checkbox and checkbox is checked then ...      
counter++;			// ... increase counter 
var valcheck = input_obj[i].value;		// waarde van de geselecteerde checkbox in variable steken
test = Number(valcheck);		// absolute rekenwaarde van variable maken
beginsaldo -=   test; //beginsaldo verminderen met de checkbox value   

if (counter > 0){
var naam = input_obj[i].name + '  ';
var val = input_obj[i].value + '  ';
namen = namen +  naam; 
valu = valu +  val; 
namen_array	= 	namen.split("  ");
va_array	= 	valu.split("  ");
var naamtest = namen_array;

}}}  
if (counter > 10){
alert ("u mag maar 10 renners selecteren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else if (beginsaldo < 0){
alert ("uw saldo is te laag om dit uit te voeren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else{

    var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
    if ( tds[0].getElementsByTagName("input")[0] == which )
    {
        tds[2].innerHTML = tds[0].innerHTML;
        tds[0].innerHTML = "&nbsp;";
        tds[3].innerHTML = tds[1].innerHTML;
        tds[1].innerHTML = "&nbsp;";
        tds[2].getElementsByTagName("input")[0].checked = true;
    } else {
        // this code is optional!!
        tds[0].innerHTML = tds[2].innerHTML;
        tds[2].innerHTML = "&nbsp;";
        tds[1].innerHTML = tds[3].innerHTML;
        tds[3].innerHTML = "&nbsp;";
        tds[0].getElementsByTagName("input")[0].checked = false;
    }

function setValue()
{

var arv = naamtest.join();
// This line converts js array to String 
document.f2.arv.value=arv;
// This sets the string to the hidden form field. 
}}}
</script>

I was wondering if anyone could help me with getting this working.

I'm using html to create a table which has at least 1 row but no max number of rows - as they can be added/removed by the user - and 4 columns, 1st contains a checkbox and the last 2 contain drop down menus.

I wish to be able to store the values of those menus in an array only if that row's checkbox has been checked. e.g if the first row has 1 and A as it's dropdown values and the second row has 2 and B. If only row 1 has been checked the array should only contain [1,A]. Instead mine holds all the values including the non-checked ones i.e [1,A,2,B].

My code for javascript function and html table are below:

Code:

function calculate(textID){
    var table = document.getElementById('course'); //id of table
    var rowCount = table.rows.length;
    var array = []; //array to hold the values
    var c = 0;

    dmenus = document.getElementByTagName("select"); //get the drop down menus

    for(var a = 1; a < rowCount; i++){ //a = 1 as the 1st row contains column headings
        var row = table.rows[a];
        var check = row.cells[0].childNodes[0];
        if(null != check && true == check.checked){
            for(var b = 0; b < dmenus.length; b++){
                val = dmenus[b].options[dmenus[b].selectedIndex].value;
                array[c] = val; //set index of array to equal value of dropdown box
                c++;
            }
        }else{
            b++;
        }
    }

Html code for table:
Code:

<table id="course">
    <tr>
        <td><input type="checkbox" name="ucheck" id="ucheck" onclick="checkAll('course')"/></td>
            <th style="color:white">Course Title</th>
            <th style="color:white">Credits</th>                
            <th style="color:white">Grade</th>
        </tr>
    <tr>
            <td><input type="checkbox" name="tick" id="tick"/></td>
            <td><input type="text"/></td>
            <td>
                <select name="credits" id="credits">
                    <option...</select></td>
            <td>
                <select name="grade" id="grade">
                    <option...</td>

It works only for the first row but if there are more than 1 row it doesn't do what it's supposed to. The coding platform I'm working on does not seem to support jquery so javascript code will be most appreciated. Thanks

Hi,
here is what I am trying to do, mind if I sound simple this is my first major javascript attempt.

You click the checkbox and it changes a link. You click the checkbox again and it changes it back.

So you have a page with a link :

<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5RSNVHTY5D6RN" id="pay"><img src="go.gif"></a>

and a checkbox :

<a nohref style="cursorointer;color:blue;text-decoration:underline" onclick="changeTarget()"><input type="checkbox" OnClick="changeTarget()" checked="yes" name="opt-in" id="opt-in" align="center" /></a> </p>

Clicking the checkbox runs the javascript function ChangeTarget().

Here is what I want the javascript to do:
Code:

1. Write current pay value to variable
2. Compare variable to paypal link 
  -3. change to clickbank link
  -else change to paypal link.

Here is the code I have tried that doesnt work:

Code:

<script type="text/javascript">
var link = document.getElementById('pay');
function changeTarget()

if(link == "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5RSNVHTY5D6RN")
	document.getElementById('pay').href="http://1.60years.pay.clickbank.net";	 
else
	document.getElementById('pay').href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5RSNVHTY5D6RN"; 
</script>

Any help would be very much appreciated, I don't know why it isnt working. It just doesnt do anything when you click it.

I know the following DOES work, but it only changes the link to the value chosen... no way of changing it back when you click the checkbox a second time.

Code:

//WORKING CODE
<script type="text/javascript">
function changeTarget()
{
document.getElementById('pay').href="http://1.60years.pay.clickbank.net";
}
</script>

print "<Font face=\"calibri, Arial\"><table id=\"rnatable\" border=2px width=100%>";
print "<th></th>";
print "<th>a</th>";
print "<th>b</th>";
print "<th>c</th>";
print "<th>d</th>";
print "<th>e</th>";
print "<th>f</th>";
print "<th>g</th>";

while($array = mysql_fetch_array($sql_query))
{
$id=$array['a'];
print "<tr id=\"newtr\">";
print "<td><input id=\"check\" type=\"checkbox\" name=\"keyword[]\" value=\"$id\" ></td>";
print "<td>".$array['a']."</td>";
print "<td>".$array['b']."</td>";
print "<td>".$array['c']."</td>";
print "<td>".$array['d']."</td>";
print "<td>".$array['e']."</td>";
print "<td>".$array['f']."</td>";

print "<td>
<a href=\"http://localhost/rnasearch/retrieve.php?a=$id\">bla</a>
</td></tr></font>";

}

print "</table>";
}

this is part of a php searchengine script that i wrote to retrieve data from a database and as you can see the last column that is g contains a link which when clicked takes the user to the second php script which retrieves additional information of that entry, but this is done for only single entries so as you can see i introduced checkboxes so that the user can check any number of checkboxes and retrieve information as per their wish

now to do this i created a <input type=text where i want the value of these checkboxes i.e. $id to be posted in a delimited format so that the user can then click the corresponding button and retrieve the information this is the code

<div id="floatMenu">
<ul class="menu1">
<center><li><form name="senddata" method="POST" action="http://localhost/retrieve.php" style="display:inline;"><input id="fasta" type="text" class="multitext"><input name="Fasta" type="Submit" value="Retrieve Fasta"></form>

this is a css floating menu....so far so good....everything went fine....
after this i had to write a javascript to do this and i've been stuck there searching forums for the last 4 days!

this is the javascript i found from somewhere which came close to doing wht i wanted it to do

window.onload = function () {
var cb = document.getElementById('check');
var fasta = document.getElementById('fasta');
cb.onclick = function () {fasta.value = cb.value + ",";
};};

this script only sends the value of the first checkbox in the table, the others are not found by it, mind you its not the first checkbox selected its the first checkbox that is present in the table

how can i resolve this problem so that even if i have n number of checkboxes in my table, if the user chooses to do so they can retrieve n number of information....please help i've almost lost hope in this!

Hello, i'm working on a 3 page survey. When hitting next, previous, or submit it passes the values of all the questions to the next page. I've got the whole thing working correcting except for one thing: When the box is "not" checked it passes no value. I'm needing it to have a value of "1" when checked and a value of "0" when not checked, and currently when its not checked and i pass the info it leaves it blank.

I'd post the whole code to one of the pages but it's long , so i'll post the snipits of the code.
Code:

<script type="text/javascript"> 
/* <![CDATA[ */
function processQueryString() {
var formData = location.search;
formData = formData.substring(1, formData.length);
while (formData.indexOf("+") != -1) {
	formData = formData.replace("+", " ");
}
formData = unescape(formData);
var formArray = formData.split("&");
for (var i=0; i < formArray.length; ++i) {
	//document.writeln(formArray[i] + "<br />");
	var sDataName = formArray[i].split("=")
	
switch (sDataName[0]) {

case ".lib_use":
     for (var j=0; j < document.getElementsByName(".lib_use").length; ++j) {
     if (document.getElementsByName(".lib_use").item(j).value == sDataName[1]) {
     document.getElementsByName(".lib_use").item(j).checked = true;
     //alert("lib_use set");
              }
 }
 break;
case ".lib_comp":
     if (sDataName[1] == 1) {
     document.getElementsByName(".lib_comp").checked = true;
     document.getElementsByName(".lib_comp").value= 1;
   } 
   else {
    document.getElementsByName(".lib_comp").checked = false; 
   document.getElementsByName(".lib_comp").value= 0;
 }			 
 break;	
default:
      alert("not caught = " + sDataName[0]);
       continue;
		
	}
}
}
/* ]]> */
</script>

<input type="checkbox" name=".lib_comp" id="lib_comp" value="1" />

The first case that i showed in my code is a radio button, and it passes correctly, i just wanted to show the "format" i was using in a working sense. The 2nd case is an example of the check boxes.

Thanks for looking at this, and giving any suggestions you might have!

I have a vertical menu in which the sub menu is a box that pops out to the right and the user can click boxes to make selections (input check boxes).

I would like some way to indicate to the user after they have left the sub menu, that they have made selections within that sub menu. Perhaps a number after the menu item name, in which the number of sub menu selections are indicated in parenthesis?

Is this possible?

Hi im new in javascript and im having some problems with the two dimensional arrays problems.
Well basically what i need to do in this program its to multiply two matrices of the same length and print the result as a matrix
Example
[2 4] * [3 8] = [14 20]
[3 2] [2 1] [13 26]

I hope someone could help me im really stuck in this problem

Code:

<script>

// Declared Constants
MORSE_ALPHABET = new Array (
    '.-',   // A
    '-...', // B
    '-.-.', // C
    '-..',  // D
    '.',    // E
    '..-.', // F
    '--.',  // G
    '....', // H
    '..',   // I
    '.---', // J
    '-.-',  // K
    '.-..', // L
    '--',   // M
    '-.',   // N
    '---',  // O
    '.--.', // P
    '--.-', // Q
    '.-.',  // R
    '...',  // S
    '-',    // T
    '..-',  // U
    '...-', // V
    '.--',  // W
    '-..-', // X
    '-.--', // Y
    '--..' // Z
);

CHAR_CODE_A = 65;

var CTS = prompt('Enter Morse code','here')
var inMessage = CTS.split(' ');

searchLocation(inMessage,MORSE_ALPHABET)

function searchLocation(targetValue, arrayToSearchIn) {
    var searchIndex = 0;         // Iterative counter
    
    
   for(i=0;i < targetValue.length;) {
      targetValue = targetValue[i];      
     
    // Search until found or end of array
    while(
        searchIndex<arrayToSearchIn.length &&
        i != targetValue.length &&
        arrayToSearchIn[searchIndex]!=targetValue
    ) {
        i++
        searchIndex++;
    }
    
    if(searchIndex<arrayToSearchIn.length) {
        return String.fromCharCode(CHAR_CODE_A + searchIndex);
    }
    else {
        return -1;
    }
    
    }
}

document.writeln(searchLocation(inMessage,MORSE_ALPHABET)); 

</script>

<head>

</head>

<body>

</body>

This is my code and i have figured it to create an array from the prompt and then use the function to return the first array it finds but i cant seem to make it go on to the next index of the array. I know that when you return a value the function closes and i have tried to store my return in a variable but its not working the way i want it to or I'm not writing the correct command or is there away to do multiply returns, i think what i need to do is simply but i have been staring at this screen for a while now and just cant see it.

Please help me.
Thanks

Hi,
At www.happydaysremovals.com.estimatenew.html. Users fill in a form which has items of furniture, so they enter a number next to each item of furniture. The HTML uses text fields.
When the form is submitted, the form is submitted to a php script that emails the results to myself.
I am trying to also have a javascript function which runs before the php script runs. This javascript works out the cubic footage of all the items. If a user put "3" in the sofa text field, and I have defined that a sofa is 45 cubic feet, then the javascript will multiply 3 * 45. It will do a similar thing for all items of furniture, then add them all up to give a total cubic feet. I want that total field to then sent as a variable to the php script, along with all the other variables.
My code so far (which doesnt work)
Code:

<script language="JavaScript"> 
   function calculate()
{

var sofa_3_seater = document.getElementById('sofa_3_seater').value*45;
var sofa_2_seater = document.getElementByID('sofa_2_seater').value*30;
var armchair_large = document.getElementByID('armchair_large').value*15;

var total=sofa_3_seater+sofa_2_seater+armchair_large;

document.getElementByID('total').value = total;

}
</script>

I have used a hidden field for the total value:

Code:

<input type="hidden" name="total" value="">

I want the javascript result to change the value of the hidden field that is called total.
THen I want it all to be posted to the PHP script and email everything to me, including this newly calculated total field!

THanks

Dear all,

Below the html and java code. After viewing using Internet Explorer, I did a selection from the autodropdown. Then I click on Click here to go to other page . You will see a quite different webpage. Then I click on the back button, in the left upper corner of IE window, so I see the previous webpage but.... the autodropdown does not remember my selection . How can we solve this?

<html>
<Head>
<Script Language=JavaScript>
Level1 = new Array("Ceramics","Chemicals")
Ceramics = new Array("ELECTRONICS","ENVIRONMENTAL")
Chemicals = new Array("METALLIC_SOAPS","OLEOCHEMICAL_DERIVATIVES")
ELECTRONICS = new Array("Solder mask")
ENVIRONMENTAL = new Array("Catalysts")
METALLIC_SOAPS = new Array("Soap","Translucent soaps","Liquid soa[")
OLEOCHEMICAL_DERIVATIVES = new Array("FA-pos","FA polfaideriv")
function fillSelect(isValue,isNext){
isNext.style.display = "";
isNext.length = 1;
curr = eval(isValue);
for (each in curr)
{
isData = new Option(curr[each],curr[each]);
isNext.add(isData,isNext.options.length);
}
}

function getValue(isValue){

}

</Script>
</Head>

<body>
<center>
<h4>Dependent Select List, within a form</h4>
<Form name='Categories'>
<p>Segment <Select name='List1' onChange="fillSelect(this.value,Categories.List2)">
<option selected>Make a selection</option>
</Select>
</p>
<Select name='List2' onChange="fillSelect(this.value,Categories.List3)">
<option selected>Make a selection</option>
</Select>
<p></p>
<Select name='List3' onChange="getValue(this.value)">
<option selected >Make a selection</option>
</Select>
</Form>
</center>
<Script>
fillSelect('Level1',Categories.List1)
Categories.List2.style.display = "none";
Categories.List3.style.display = "none";
</Script>
<p>Click <a href="http://www.hetnet.nl">here</a> to go to other page</p>
</body>
</html>

Hi all...

i need to auto calculate 3 fields and store the result in 2 fields:

field 3 = field 1 * field 2
field 5 = (field 1 * field 2) - field 4 or field 3 - field 4

so far i'm trying to modify an existing code but i'm still can't get it working correcly

Code:

    <html>
    <head>
    <script type="text/javascript">
    function compute(inputObj, otherInputID, multiID, subID, diffID) {
    var otherObj = document.getElementById(otherInputID)
    var multiObj = document.getElementById(multiID)
	var subObj = document.getElementById(subID)
    var diffObj = document.getElementById(diffID)
     
    var v1=inputObj.value
    var v2=otherObj.value
	var v3=multiObj.value
	var v4=subObj.value
     
    var val1 = v1=="" ? 0 : parseFloat(v1) // convert string to float
    var val2 = v2=="" ? 0 : parseFloat(v2)
	var val3 = v3=="" ? 0 : parseFloat(v3)
	var val4 = v4=="" ? 0 : parseFloat(v4)
	


    multiObj.value = val1 * val2
	diffObj.value =  (val1 * val2)-val4
	
	}
	
	
	
    </script>
    </head>
     
    <body>
    Value 1: <input id="txt1" type="text" onKeyUp="compute(this, 'txt2', 'addres', 'subtract', 'mulres')">
    <br />
    Value 2: <input id="txt2" type="text" onKeyUp="compute(this, 'txt1', 'addres', 'subtract', 'mulres')">
    <br />
    Added Result: <input id="addres" type="text">
    <br />
    substract: <input id="subtract" type="text" onKeyUp="compute('txt1', 'txt2', 'addres', this, 'mulres')">
    <br />
    Multiplied Result: <input id="mulres" type="text">
    </body>
    </html>

my problem is the Multiplied Result field not automatically change the result when i enter value in subtract field. it will change if i retype the value in field 1 and 2.
Hope somebody can help me.

Thank in advance

Need a little help with the final code on my project. I'm multiplying 3 drop downs to give me a total sq ft. I then want to take that variable and multiply it by a fixed number. i.e. qty*width*length equals a total of 8 sq ft, then take that 8 and multiply it by a fixed number (8*1.75), I want it to calculate without any submit buttons and show the total sq ft and the final value. thanks in advance for any assistance.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<form>
<meta content="MSHTML 6.00.2900.5921" name="GENERATOR"></head>
<body><strong>Quantity:</strong> <select id="qty" onchange="Calculate();" size="1" 
name=qty><option value="1" selected>1</option> <option value="2">2</option> 
  <option value="3">3</option> <option value="4">4</option> <option 
  value=5>5</option> <option value="6">6</option> <option value="7">7</option> 
  <option value="8">8</option> <option value="9">9</option> <option 
  value=10>10</option> &lt;\SELECT&gt;</select>&nbsp; <strong>Banner 
Width:</strong> <select id="height" onchange="Calculate();" size="1" 
  name=height><option value="2" selected>2</option> <option value="3">3</option> 
  <option value="4">4</option> 
&lt;\SELECT&gt;</select>&nbsp;&nbsp;&nbsp;<strong>Banner Length:</strong> 
<select id="length" onchange="Calculate();" size="1" name="length"><option value="4" 
  selected>4</option> <option value="5">5</option> <option value="6">6</option> 
  <option value="7">7</option> <option value="8">8</option> 
&lt;\SELECT&gt;</select>&nbsp;&nbsp;&nbsp;<strong>Total sq ft:&nbsp;&nbsp; <font 
size=4><label id="lblRes"><!-- a Label to locate result in it -->8 
</label></form></font></span></span></font>
<p></p></span></span></font></font></strong>
<div></div>
<script language="javascript">
		function Calculate()
		{
			var h = document.getElementById('height').value;
			var l = document.getElementById('length').value;
			var q = document.getElementById('qty').value;
			var result = h * l * q;
			document.getElementById('lblRes').innerHTML = result;
		}
	</script>
</font></strong></body></html>

Hello,

I need some help! I have some code that has a comments box and 2 radio buttons that ask if you want to be contacted about your comments. If you select "Yes", you get another set of radio buttons that ask you to choose a method of contact. When you choose a method, that selected methods value is parsed to the top of the textarea field, placing the comment below. I pretty much have it working, however, if I enter a comment in the "Comments" field, select "Yes", then select "email" and change to "Phone Morning", it concatnates the values in the textarea box instead of replacing the contact method value while still retaining the comment entered below.

Also, if at all possible, I wanted to clear only the contact method value out of the textarea field and leave only the comment when you go back and click the "No" radio button.

Can anyone please help?

Thanks in advance!

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type='text/javascript'>

function showContactType(obj){
		if(document.storeCodeFeedbackForm.contact[1].checked == true){
			document.getElementById("contactType").style.display = 'inline';
		}else if(document.storeCodeFeedbackForm.contact[0].checked == true){
			for(i=0;i<document.storeCodeFeedbackForm.contactType.length;i++){
				document.storeCodeFeedbackForm.contactType[i].checked = false;
			}	
			document.getElementById("contactType").style.display = 'none';
		}
	}
function printContactType(src)
{
	if(src.checked)
		document.storeCodeFeedbackForm.customerMessage.value = src.value + "\n" + "------------------------" + "\n\n" + document.storeCodeFeedbackForm.customerMessage.value;
		document.storeCodeFeedbackForm.customerMessage.focus();
}
</script>
</head>
<body>
<form name="storeCodeFeedbackForm">
  <table>
    <tr>
      <td>Comments:<br />
<textarea id='textArea' name="customerMessage" cols="30" rows="10"></textarea>
        <br />
      </td>
    </tr>
    <tr>
      <td> Would you like to be contacted about your comments? <span style="color:#990000; font-weight:normal">*</span>
        <input type="radio" name="contact" value="no" onclick="showContactType(this);disableField(this);">
        No
        <input type="radio" name="contact" value="yes" onclick="showContactType(this)">
        Yes </td>
    </tr>
    <tr>
      <td><table cellpadding="0" cellspacing="0" border="0" width="100%" id="contactType" style="display:none">
          <tr>
            <td class="tir" style="border-top:1px dashed #cccccc; padding-top:5px;">(Choose One)<span style="color:#990000">*</span>
              <input type="radio" name="contactType" value="Contact me by: e-Mail" onClick='printContactType(this);'>
              e-Mail
              <input type="radio" name="contactType" value="Contact me by: phone in the morning" onClick='printContactType(this);'>
              Phone Morning
              <input type="radio" name="contactType" value="Contact me by: phone in the afternoon" onClick='printContactType(this);'>
              Phone Afternoon
              <input type="radio" name="contactType" value="Contact me by: phone in the evening" onClick='printContactType(this);'>
              Phone Evening</td>
          </tr>
        </table></td>
    </tr>
  </table>
</form>
</body>
</html>