een radio button in een chackbox
Ik wil graag een berekening maken waarbij er 3 waardes bij elkaar worden opgeteld, afhankelijk van of ze zijn aangevinkt (met checkboxen).
deze waardes kunnen ook weer verschillen per checkbox, dat hangt er van af of ze zijn aangeklikt bij de eerste radiobutton of juist de 2e radiobutton.
tot nu toe heb ik dit in mijn body staan:
<form name="calform">
<input type="checkbox" id="groentefruit" name="groentefruit"
checked> Groente en Fruit <br>
<input type="radio" id="appel" name="groentefruit"
value="appel" checked>Appel(aantal calorieen) <br>
<input type="radio" id="tomaat" name="groentefruit"
value="tomaat" checked>Tomaat(aantal calorieen) <br><br>
<input type="checkbox" id="broodpasta" name="broodpasta"
checked> Brood, Pasta en Peulvruchten <br>
<input type="radio" id="rijst" name="broodpasta"
value="appel" checked>rijst(aantal calorieen) <br>
<input type="radio" id="pasta" name="broodpasta"
value="tomaat" checked>pasta(aantal calorieen) <br><br>
<input type="checkbox" id="zuivelvlees" name="zuivelvlees"
checked> Zuivel, Vlees, Vis, Ei, Vleesvervangers <br>
<input type="radio" id="biefstuk" name="zuivelvlees"
value="appel" checked>biefstuk(aantal calorieen) <br>
<input type="radio" id="omelet" name="zuivelvlees"
value="tomaat" checked>omelet(aantal calorieen) <br><br>
<input type="button" name="knop" value="Bereken het totaal aantal calorieen"
onClick="berekencal()">
</form>
daar kan ik dus mee aanklikken welke waardes ik wil en ook aanvinken of ik die waardes wil gebruiken in de totale berekening.
in mijn script staat dit:
function berekencal() {
var bestellingA = 0
var bestellingB = 0
var bestellingC = 0
var bestellingAA = 0
var bestellingBB = 0
var bestellingCC = 0
if(document.calform.appel.checked) {
bestellingA = 1;
} else{
bestellingA = 2;
}
if(document.calform.rijst.checked) {
bestellingB = 10;
} else{
bestellingB = 20;
}
if(document.calform.biefstuk.checked) {
bestellingC = 100;
} else{
bestellingC = 200;
}
if(document.calform.groentefruit.checked) {
bestellingAA = bestellingA
}
else {bestellingAA = 0;
}
if(document.calform.broodpasta.checked) {
bestellingBB = bestellingB
}
else {bestellingBB = 0;
}
if(document.calform.zuivelvlees.checked) {
bestellingCC = bestellingC
}
else {bestellingCC = 0;
}
var caltotaal = (bestellingAA + bestellingBB + bestellingCC);
alert(caltotaal);
}
wat doe ik verkeert en hoe kan ik zorgen dat het wel werkt?
hopelijk kan iemand mij hierbij helpen.
- Aar - op 04/10/2015 18:52:29:
Zet je code uit je bericht eens tussen code-tags? Dan is het beter leesbaar.
hoe kan ik dat doen?
Zie ook: http://www.phphulp.nl/veel-gestelde-vragen/#bbcode
Ik wil graag een berekening maken waarbij er 3 waardes bij elkaar worden opgeteld, afhankelijk van of ze zijn aangevinkt (met checkboxen).
deze waardes kunnen ook weer verschillen per checkbox, dat hangt er van af of ze zijn aangeklikt bij de eerste radiobutton of juist de 2e radiobutton.
tot nu toe heb ik dit in mijn body staan:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<form name="calform">
<input type="checkbox" id="groentefruit" name="groentefruit"
checked> Groente en Fruit <br>
<input type="radio" id="appel" name="groentefruit"
value="appel" checked>Appel(aantal calorieen) <br>
<input type="radio" id="tomaat" name="groentefruit"
value="tomaat" checked>Tomaat(aantal calorieen) <br><br>
<input type="checkbox" id="broodpasta" name="broodpasta"
checked> Brood, Pasta en Peulvruchten <br>
<input type="radio" id="rijst" name="broodpasta"
value="appel" checked>rijst(aantal calorieen) <br>
<input type="radio" id="pasta" name="broodpasta"
value="tomaat" checked>pasta(aantal calorieen) <br><br>
<input type="checkbox" id="zuivelvlees" name="zuivelvlees"
checked> Zuivel, Vlees, Vis, Ei, Vleesvervangers <br>
<input type="radio" id="biefstuk" name="zuivelvlees"
value="appel" checked>biefstuk(aantal calorieen) <br>
<input type="radio" id="omelet" name="zuivelvlees"
value="tomaat" checked>omelet(aantal calorieen) <br><br>
<input type="button" name="knop" value="Bereken het totaal aantal calorieen"
onClick="berekencal()">
</form>
<input type="checkbox" id="groentefruit" name="groentefruit"
checked> Groente en Fruit <br>
<input type="radio" id="appel" name="groentefruit"
value="appel" checked>Appel(aantal calorieen) <br>
<input type="radio" id="tomaat" name="groentefruit"
value="tomaat" checked>Tomaat(aantal calorieen) <br><br>
<input type="checkbox" id="broodpasta" name="broodpasta"
checked> Brood, Pasta en Peulvruchten <br>
<input type="radio" id="rijst" name="broodpasta"
value="appel" checked>rijst(aantal calorieen) <br>
<input type="radio" id="pasta" name="broodpasta"
value="tomaat" checked>pasta(aantal calorieen) <br><br>
<input type="checkbox" id="zuivelvlees" name="zuivelvlees"
checked> Zuivel, Vlees, Vis, Ei, Vleesvervangers <br>
<input type="radio" id="biefstuk" name="zuivelvlees"
value="appel" checked>biefstuk(aantal calorieen) <br>
<input type="radio" id="omelet" name="zuivelvlees"
value="tomaat" checked>omelet(aantal calorieen) <br><br>
<input type="button" name="knop" value="Bereken het totaal aantal calorieen"
onClick="berekencal()">
</form>
daar kan ik dus mee aanklikken welke waardes ik wil en ook aanvinken of ik die waardes wil gebruiken in de totale berekening.
in mijn script staat dit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
function berekencal() {
var bestellingA = 0
var bestellingB = 0
var bestellingC = 0
var bestellingAA = 0
var bestellingBB = 0
var bestellingCC = 0
if(document.calform.appel.checked) {
bestellingA = 1;
} else{
bestellingA = 2;
}
if(document.calform.rijst.checked) {
bestellingB = 10;
} else{
bestellingB = 20;
}
if(document.calform.biefstuk.checked) {
bestellingC = 100;
} else{
bestellingC = 200;
}
if(document.calform.groentefruit.checked) {
bestellingAA = bestellingA
}
else {bestellingAA = 0;
}
if(document.calform.broodpasta.checked) {
bestellingBB = bestellingB
}
else {bestellingBB = 0;
}
if(document.calform.zuivelvlees.checked) {
bestellingCC = bestellingC
}
else {bestellingCC = 0;
}
var caltotaal = (bestellingAA + bestellingBB + bestellingCC);
alert(caltotaal);
}
var bestellingA = 0
var bestellingB = 0
var bestellingC = 0
var bestellingAA = 0
var bestellingBB = 0
var bestellingCC = 0
if(document.calform.appel.checked) {
bestellingA = 1;
} else{
bestellingA = 2;
}
if(document.calform.rijst.checked) {
bestellingB = 10;
} else{
bestellingB = 20;
}
if(document.calform.biefstuk.checked) {
bestellingC = 100;
} else{
bestellingC = 200;
}
if(document.calform.groentefruit.checked) {
bestellingAA = bestellingA
}
else {bestellingAA = 0;
}
if(document.calform.broodpasta.checked) {
bestellingBB = bestellingB
}
else {bestellingBB = 0;
}
if(document.calform.zuivelvlees.checked) {
bestellingCC = bestellingC
}
else {bestellingCC = 0;
}
var caltotaal = (bestellingAA + bestellingBB + bestellingCC);
alert(caltotaal);
}
wat doe ik verkeert en hoe kan ik zorgen dat het wel werkt?
hopelijk kan iemand mij hierbij helpen.
Als ze er maar 1 van beide mogen kiezen: radio-buttons per groep.
Als ze meer mogen kiezen: checkboxes, maar dan alles op 1 hoop.
Nu wordt het een hoop werk als je er iets bij krijgt (bijvoorbeeld: "sla")?
Dat kan echt gemakkelijker.
Daarbij zegt bestellingB of bestellingBB niets.
Eddy E op 04/10/2015 20:54:30:
Waarom niet gewoon alles op 1 hoop gooien (alles name="bestelling[]") en dan in je verwerking zie je vanzelf wat ze willen. Waarom niet appel én tomaat? Of beide niet?
Als ze er maar 1 van beide mogen kiezen: radio-buttons per groep.
Als ze meer mogen kiezen: checkboxes, maar dan alles op 1 hoop.
Nu wordt het een hoop werk als je er iets bij krijgt (bijvoorbeeld: "sla")?
Dat kan echt gemakkelijker.
Daarbij zegt bestellingB of bestellingBB niets.
Als ze er maar 1 van beide mogen kiezen: radio-buttons per groep.
Als ze meer mogen kiezen: checkboxes, maar dan alles op 1 hoop.
Nu wordt het een hoop werk als je er iets bij krijgt (bijvoorbeeld: "sla")?
Dat kan echt gemakkelijker.
Daarbij zegt bestellingB of bestellingBB niets.
Dank voor het reageren.
Ik doe wat in de opdracht van school staat en daar moet je kiezen uit 1 van de 2. Het is ondertussen al gelukt met een vriend van me maar alsnog wil ik jullie bedanken om hier tijd in te stoppen.
dit topic kan worden gesloten
Maar bij 'moeten kiezen' uit 1 van de 2 moet je dus geen checkboxes gebruiken.
Gebruik dan een <select> of een <input type="radio">
Doe je leerkracht versteld staan en doe het beter dan de opdracht... Zo geef je meer blijk van ontwikkeling.