Gezocht: Reactie na klikken op één van de radio button
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<tr>
<td><strong>Kopen / Huren</strong></td>
<td>
<input type="radio" value="0" checked name="type">Huren
<br />
<input type="radio" name="type" value="1">Kopen
</td>
</tr>
<td><strong>Kopen / Huren</strong></td>
<td>
<input type="radio" value="0" checked name="type">Huren
<br />
<input type="radio" name="type" value="1">Kopen
</td>
</tr>
Nu wil ik door middel van javascript vervolg input velden openen, afhankelijk van wat hierboven is ingevuld.
Dit moet gebeuren zonder dat er op de submit button gedrukt hoeft te worden.
Ik heb werkelijk geen idee hoe dit heet, misschien dat jullie me kunnen helpen.
Alvast bedankt
Rick
Gewijzigd op 10/10/2012 11:22:47 door Rick kem
Dan maken die radio buttons het ene formulier zichtbaar en het andere onzichtbaar.
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
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
<style>
#huren_form, #kopen_form {
display: none;
}
</style>
<script>
function show_form(key) {
if (key == 'huren') {
document.getElementById('kopen_form').style.display = 'none';
document.getElementById('huren_form').style.display = 'block';
}
else {
document.getElementById('huren_form').style.display = 'none';
document.getElementById('kopen_form').style.display = 'block';
}
}
</script>
<table>
<tr>
<td><strong>Kopen / Huren</strong></td>
<td>
<input type="radio" value="0" name="type" onclick="show_form('huren')">Huren
<br />
<input type="radio" name="type" value="1" onclick="show_form('kopen')">Kopen
</td>
</tr>
</table>
<div id="huren_form">
<form>
...
Formulier voor huren
</form>
</div>
<div id="kopen_form">
<form>
...
Formulier voor kopen
</form>
</div>
#huren_form, #kopen_form {
display: none;
}
</style>
<script>
function show_form(key) {
if (key == 'huren') {
document.getElementById('kopen_form').style.display = 'none';
document.getElementById('huren_form').style.display = 'block';
}
else {
document.getElementById('huren_form').style.display = 'none';
document.getElementById('kopen_form').style.display = 'block';
}
}
</script>
<table>
<tr>
<td><strong>Kopen / Huren</strong></td>
<td>
<input type="radio" value="0" name="type" onclick="show_form('huren')">Huren
<br />
<input type="radio" name="type" value="1" onclick="show_form('kopen')">Kopen
</td>
</tr>
</table>
<div id="huren_form">
<form>
...
Formulier voor huren
</form>
</div>
<div id="kopen_form">
<form>
...
Formulier voor kopen
</form>
</div>