11a. Voorbeeld / Oefening met check-boxes

Gevraagd: Schrijf nu een script dat twee of meer check-boxes nodig heeft.

Een oplossing is:

<FORM NAME="form14">
<INPUT TYPE="checkbox" NAME="c1" CHECKED VALUE="5"
onClick="(this.checked) ?
       this.value='20' :
       this.value='0' ;
       alert(this.value)">
<INPUT TYPE="checkbox" NAME="c2" CHECKED VALUE="5"
onClick="(this.checked) ?
       this.value='40' :
       this.value='0' ;
       alert(this.value)">
<INPUT TYPE="button" VALUE="waarden" 
ONCLICK="alert(document.form14.c1.value + document.form14.c2.value)">
</FORM>

Een oplossing met check boxes is:

Als je op een check-box klikt zie je een 0 of 20 of 40 verschijnen. Als je op 'samen' klikt wordt er 20, 40 of 2040 weergegeven. Dat hangt af van het getal dat bewaard is in 'c1' en/of 'c2'.

Als je onmiddelijk op de knop drukt krijg je 55 te zien, namelijk de twee default-waarden achter en aan elkaar geschreven (en gepresenteerd in een alert-box). Maak je de beide vakjes leeg, en je klikt dan op 'samen' dan zal het getal (of beter de ascci-string) 00 verschijnen.

Let er dus op dat het ascii-strings zijn en geen echte getallen waar je mee werkt.

Enschede, 4 nov. 1999