« »

An order form which utilizes checkboxes and radio buttons for making a selection. The checkbox only allows one quantity of any item to be ordered, while the radio button only allows for one item within a defined group to be ordered. Script updates the order total as the visitor makes his/her selections, also note that the order total can not be manually altered by the visitor. Works in MSIE and Opera.

Label: Order Form

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT LANGUAGE="JavaScript">
// Paul DeBrino -->
<!-- Begin
function CheckChoice(whichbox)
	{
		with (whichbox.form)
		{
			//Handle differently, depending on type of input box.
			if (whichbox.type == "radio")
			{
				//First, back out the prior radio selection's price from the total:
				hiddentotal.value = eval(hiddentotal.value) - eval(hiddenpriorradio.value);
				//Then, save the current radio selection's price:
				hiddenpriorradio.value = eval(whichbox.price);
				//Now, apply the current radio selection's price to the total:
				hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.price);
			}
			else
			{
				//If box was checked, accumulate the checkbox value as the form total,
				//Otherwise, reduce the form total by the checkbox value:
				if (whichbox.checked == false)
					{ hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value); }
				else 	{ hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value); }
			}

			//Ensure the total never goes negative (some browsers allow radiobutton to be deselected):
			if (hiddentotal.value < 0)
				{
				InitForm();
				}

			//Now, return with formatted total:
			return(formatCurrency(hiddentotal.value));
		}
	}

	//Define function to format a value as currency:
	function formatCurrency(num)
	{
	   // Courtesy of http://www7.brinkster.com/cyanide7/
		num = num.toString().replace(/\$|\,/g,'');
		if(isNaN(num))
		   num = "0";
		sign = (num == (num = Math.abs(num)));
		num = Math.floor(num*100+0.50000000001);
		cents = num%100;
		num = Math.floor(num/100).toString();
		if(cents<10)
		    cents = "0" + cents;
		for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
		    num = num.substring(0,num.length-(4*i+3))+','+
		          num.substring(num.length-(4*i+3));
  	    return (((sign)?'':'-') + '$' + num + '.' + cents);
	}

	//Define function to init the form on reload:
	function InitForm()
		{
		//Reset the displayed total on form:
		document.myform.total.value='$0';
		document.myform.hiddentotal.value=0;
		document.myform.hiddenpriorradio.value=0;
		document.myform2.total.value='$0';
		document.myform2.hiddentotal.value=0;
		document.myform2.hiddenpriorradio.value=0;
		document.myform2.hiddenpriorradio.value=0;

		//Set all checkboxes and radio buttons on form-1 to unchecked:
		for (xx=0; xx < document.myform.elements.length; xx++)
		{
		   if (document.myform.elements[xx].type == 'checkbox' | document.myform.elements[xx].type == 'radio')
			{
			document.myform.elements[xx].checked = false;
			}
		}
		//Set all checkboxes and radio buttons on form-2 to unchecked:
		for (xx=0; xx < document.myform2.elements.length; xx++)
		{
		   if (document.myform2.elements[xx].type == 'checkbox' | document.myform2.elements[xx].type == 'radio')
			{
			document.myform2.elements[xx].checked = false;
			}
		}

	}//  End -->
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onLoad="InitForm();" onreset="InitForm();">
<form method="POST" name="myform">
	<font face=Arial size=2>
	Steak&nbsp;$15.25
		<input type="checkbox" name="Steak"   value=15.25  onclick="this.form.total.value=CheckChoice(this);">
	Chicken&nbsp;$12.39
		<input type="checkbox" name="Chicken" value=12.39 onclick="this.form.total.value=CheckChoice(this);">
	Sushi&nbsp;$18.75
		<input type="checkbox" name="Sushi"   value=18.75  onclick="this.form.total.value=CheckChoice(this);">
	<br><br>

	<b>Prepare with this special sauce (extra charge -- only one selection 
	allowed):</b>
	<br>
	None, thanks&nbsp;
		<input type="radio" name="Sauce" value=none   price=0.00
		onclick="this.form.total.value=CheckChoice(this);">
	Duck Sauce&nbsp;$10.99
		<input type="radio" name="Sauce" value=duck   price=10.99
		onclick="this.form.total.value=CheckChoice(this);">
	Ginger Sauce&nbsp;$5.00
		<input type="radio" name="Sauce" value=ginger price=5.00
		onclick="this.form.total.value=CheckChoice(this);">

	Hot Sauce&nbsp;$1.50
		<input type="radio" name="Sauce" value=hot    price=1.50
		onclick="this.form.total.value=CheckChoice(this);">
	<br><br><br>
	<input type="hidden" name="hiddentotal" value=0>
	<input type="hidden" name="hiddenpriorradio" value=0>
	<font size=+1>
	Your total is:&nbsp;<input type="text" name="total" readonly onFocus="this.blur();" size="20">
	</font>

	<br><br>
	(Note: Total can not be changed by the visitor.)
	</font>
</form>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com index.services eChainBank.com ChainTutor.com this.bid ApexBTC.com XMQV.com CTRCoin.com CreditCard.rip pornID.net choose.exchange choose.works war.money YeuNu.com CryptoKD.com CoinHolo.com ZWVQ.com system.money ABP3.com ChatTotal.com Card.rip