order form script with checkbox radio and drop down menu

TinaBanana · Aug 2, 2003

Hi,
I looked high and low for a script for an order form that uses checkboxes, radio buttons and drop down menu.

couldnt find anything with all 3

id like the total to be displayed as the items are selected and not have to push a button to get the total.

the best i found was a script that uses multiple checkboxes and one set or radio buttons. if i tried to add another set of radio button the script doesnt work.

does anyone know where i can find a script that includes all 3?

thx

sdi · Aug 3, 2003

Maybe something like this will help.
I tried to show an example of each.

<html>
<head>
<script language="JavaScript">
var myr1Index = 0;
function myr1_onclick(r1Index)
{
myr1Index = r1Index;
document.form1.r1value.value = document.form1.r1[myr1Index].value;
document.form1.totvalue.value = (parseFloat(document.form1.r1value.value) +
parseFloat(document.form1.c1value.value) +
parseFloat(document.form1.c2value.value) +
parseFloat(document.form1.s1value.value)).toFixed(2);
}

function addemup()
{
if(document.form1.c1.checked == true)
{
document.form1.c1value.value = document.form1.c1.value;
}
else
{
document.form1.c1value.value = "00.00";
}
if(document.form1.c2.checked == true)
{
document.form1.c2value.value = document.form1.c2.value;
}
else
{
document.form1.c2value.value = "00.00";
}
document.form1.s1value.value = document.form1.s1.options[document.form1.s1.selectedIndex].value;
document.form1.totvalue.value = (parseFloat(document.form1.r1value.value) +
parseFloat(document.form1.c1value.value) +
parseFloat(document.form1.c2value.value) +
parseFloat(document.form1.s1value.value)).toFixed(2);
}
</script>
</head>
<body onload="return addemup()";>
<form name=form1>
<input type="radio" name="r1" checked value="25.99" onclick="return myr1_onclick(0)";>
r1 Radio One
<BR>
<input type="radio" name="r1" value="33.99" onclick="return myr1_onclick(1)";>
r1 Radio Two
<BR>
<input type="radio" name="r1" value="14.44" onclick="return myr1_onclick(2)";>
r1 Radio
<BR>
<input type="radio" name="r1" value="13.33" onclick="return myr1_onclick(3)";>
r1 Radio
<input type="hidden" name="r1value" value="25.99">
<BR>
<HR>
<input type="checkbox" name="c1" checked value="11.11" onchange="return addemup()"; onclick="document.form1.c1.blur()";>
c1 checkbox
<input type="hidden" name="c1value">
<BR>
<input type="checkbox" name="c2" value="12.22" onchange="return addemup()"; onclick="document.form1.c2.blur()";>
c2 checkbox
<input type="hidden" name="c2value">
<BR>
<HR>
<select size="1" name="s1" onchange="return addemup()";>
<option selected value="00.00">Option One</option>
<option value="9.99">Option Two</option>
</select>
<input type="hidden" name="s1value">
<HR>
Total: <input type="text" name="totvalue">
</form>
</body>
</html>

Good luck,

Brian

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

order form script with checkbox radio and drop down menu

TinaBanana

Programmer

sdi

Technical User

Similar threads

Part and Inventory Search

Sponsor