checkboxen en optellen van waardes

Status
Niet open voor verdere reacties.
F

FrankZ

Gebruiker
Lid geworden
31 dec 2011
Berichten
7
Hoi,
Weet niet eens zeker of dit html of php js iten is maar ok..

Wie kan mij helpen aan een compleet scriptje van het volgende:

6 checkboxen waarbj iedere box zn eigen waarde krijgt. Aan het einde een knop die, afhankelijk van de optelsom van de diverse waardes van de aangevinkte boxen doorgelinkt wordt naar telkens een andere vervolg htmpl pagina.

Bv: totale waarde is 100 dan naar pagina 1 gaan
totale waarde is 120, dan naar pagina 2 gaan

Alvast super bedankt want ik kan het verder op internet niet vinden
 
HTML: 
<input type='checkbox' value='25' class='optellen' />
<input type='checkbox' value='50' class='optellen' />
<input type='checkbox' value='75' class='optellen' />

<button onclick='doeSpul()'>whoooo!</button>

[js]
function doeSpul()
{
var i, totaal,
boxjes = document.getElementsByClassName('optellen'),
len = boxjes.length;

for(i = 0; i < len; i++)
{
totaal += parseInt(boxjes.value, 10);
}

switch(totaal)
{
case 100:
location.href = 'pagina100.html';
break;

case 150:
location.href = 'pagina150.html';
break;

// etc
}
}[/js]
breaken hoeft eigenlijk niet vanwege de redirect, maar staat wel netjes.
 
Bedankt voor je snelle reactie! Ik zie dat ie helemaal goed is alleen ben ik zo onkundig dat ik eerlijk gezegd niet goed weet waar ik de javascript code moet platsen. IN de header? of op een aparte pagina? De HTML code staat inmiddels keurig op de pagina. KAn je me met dit laatste loodje nog even helpen??
Alvast bedankt maar weer1
 
Net voor de </body> een script-tag met daarin de JS, of netjes in een extern document: net voor de </body> zoiets:
HTML: 
<script src='checkbox.js'></script>
en dan het .js bestand aanmaken en de js erin (zonder script tags).
 
Sorry, dat ik nog een keer met een vraag kom. De script tag heb ik verwerkt. (VB hieronder). Daarnaast heb ik bij de waardes 100 en 150 een reeel link aangegeven maar ..... hij reageert niet als je de button gebruikt (nadat de pag live was gezet. Heb je tijd nog even te kijken waaraan dat kan liggen?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>test radio buttons</title>
<script language="Javascript" type="text/javascript">

function doeSpul()
{
var i, totaal,
boxjes = document.getElementsByClassName('optellen'),
len = boxjes.length;

for(i = 0; i < len; i++)
{
totaal += parseInt(boxjes.value, 10);
}

switch(totaal)
{
case 100:
location.href = "index.php.";
break;

case 150:
location.href = 'http://www.circadian.nl';
break;


}
}
</script>

</head>

<body>
</br></br>
<input type='checkbox' value='25' class='optellen' />
<input type='checkbox' value='50' class='optellen' />
<input type='checkbox' value='75' class='optellen' />

<button onclick='doeSpul()'>whoooo!</button>



</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan