Hi Scripters,
Ik werk op het moment aan een betalingssysteem en heb mijn radio buttons en checkboxes gelinked aan een totalvalue field. Ik krijg alleen nog niet mijn dropdown menu werkend. Elke item is €95 waard x het aantal.
Alvast Bedankt
HTML:
Ik werk op het moment aan een betalingssysteem en heb mijn radio buttons en checkboxes gelinked aan een totalvalue field. Ik krijg alleen nog niet mijn dropdown menu werkend. Elke item is €95 waard x het aantal.
Alvast Bedankt

HTML:
JS<body onload="InitForm();" onreset="InitForm();">
<form method="POST" name="selectionForm">
<b>Pizza Order</b><br>
Small $10.00
<input type="checkbox" name="Steak" value="10.00" onclick="this.form.total.value=calculateTotal(this);">
Medium $12.00
<input type="checkbox" name="Chicken" value="12.00" onclick="this.form.total.value=calculateTotal(this);">
Large $15.00
<input type="checkbox" name="Sushi" value="15.00" onclick="this.form.total.value=calculateTotal(this);">
<br><br>
<b>Extra Toppings (only one selection allowed):</b> <br>
<input type="radio" name="Sauce" value="0.00" onclick="this.form.total.value=calculateTotal(this);"> None
<br>
<input name="Sauce" type="radio" value="1.00" onclick="this.form.total.value=calculateTotal(this);"> Extra Cheese $1.00
<br>
<input type="radio" name="Sauce" value="2.00" onclick="this.form.total.value=calculateTotal(this);"> Vegetarian $2.00
<br>
<input type="radio" name="Sauce" value="3.00" onclick="this.form.total.value=calculateTotal(this);"> Meat $3.00
<br>
<br>
<select name="correctieronde" >
<option value="0" onclick="this.form.total.value=calculateTotal(this);">0</option>
<option value="95" onclick="this.form.total.value=calculateTotal(this);">1</option>
<option value="190" onclick="this.form.total.value=calculateTotal(this);">2</option>
<option value="285">3</option>
<option value="380">4</option>
<option value="475">5</option>
<option value="570">6</option>
<option value="665">7</option>
<option value="760">8</option>
<option value="855">9</option>
<option value="950">10</option>
</select>
<br >
<input type="hidden" name="calculatedTotal" value="0">
<input type="hidden" name="previouslySelectedRadioButton" value="0">
<strong>Your total is:</strong>
<input type="text" name="total" readonly onfocus="this.blur();">
</form>
</body>
<!-- Paste this code into an external JavaScript file -->
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Kevin Hartig :: http://www.grafikfx.net/ */
// Calculate the total for items in the form which are selected.
function calculateTotal(inputItem) {
with (inputItem.form) {
// Process each of the different input types in the form.
if (inputItem.type == "radio") { // Process radio buttons.
// Subtract the previously selected radio button value from the total.
calculatedTotal.value = eval(calculatedTotal.value) - eval(previouslySelectedRadioButton.value);
// Save the current radio selection value.
previouslySelectedRadioButton.value = eval(inputItem.value);
// Add the current radio button selection value to the total.
calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
} else { // Process check boxes.
if (inputItem.checked == false) { // Item was uncheck. Subtract item value from total.
calculatedTotal.value = eval(calculatedTotal.value) - eval(inputItem.value);
} else { // Item was checked. Add the item value to the total.
calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
}
}
// Total value should never be less than 0.
if (calculatedTotal.value < 0) {
InitForm();
}
// Return total value.
return(formatCurrency(calculatedTotal.value));
}
}
// Format a value as currency.
function formatCurrency(num) {
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);
}
// This function initialzes all the form elements to default values.
function InitForm() {
// Reset values on form.
document.selectionForm.total.value='$0';
document.selectionForm.calculatedTotal.value=0;
document.selectionForm.previouslySelectedRadioButton.value=0;
document.selectionForm.previouslySelectedOption.value=0;
// Set all checkboxes and radio buttons on form to unchecked.
for (i=0; i < document.selectionForm.elements.length; i++) {
if (document.selectionForm.elements.type == 'checkbox' | document.selectionForm.elements.type == 'radio') {
document.selectionForm.elements.checked = false;
}
}
}