AJAX request na checkbox klik
Ik heb een vraag, namelijk:
Voor mijn website heb ik een aantal checkboxen waarbij men een keuze kan maken uit enkele opties.
Als ze deze opties aanklikken wil ik dat er onderin het scherm komt te staan hoeveel items er over zijn n.a.v. hun keuzes.
Deze staat bijvoorbeeld standaard op "10", klikt met 2 checkboxen aan moet hier "6" komen te staan.
Ik neem aan dat ik dit het beste met een Ajax request kan doen, maar hoe doe ik dit?
Mijn formulier ziet er zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form action="" method="post" enctype="multipart/form-data">
<div>
<input id="box1" type="checkbox" name="box[]">
<label for="box1">Zwart</label>
</div>
<div>
<input id="box2" type="checkbox" name="box[]">
<label for="box2">Geel</label>
</div>
<div>
<input id="box3" type="checkbox" name="box[]">
<label for="box3">Blauw</label>
</div>
<div>
Er zijn na jou keuze nog <strong>10</strong> items over.
</div>
<div>
<input type="submit" name="submit" value="submit">
</div
</form>
<div>
<input id="box1" type="checkbox" name="box[]">
<label for="box1">Zwart</label>
</div>
<div>
<input id="box2" type="checkbox" name="box[]">
<label for="box2">Geel</label>
</div>
<div>
<input id="box3" type="checkbox" name="box[]">
<label for="box3">Blauw</label>
</div>
<div>
Er zijn na jou keuze nog <strong>10</strong> items over.
</div>
<div>
<input type="submit" name="submit" value="submit">
</div
</form>
Er zijn nog geen reacties op dit bericht.