Velden van elkaar afhankelijk maken
Anne
13/02/2009 18:49:00Beste (hier even zelf je naam invullen xD),
Je ziet weleens op sites dat je bijvoorbeeld akkoord moet gaan met de algemene voorwaarden voordat je op 'verder' kan klikken.
Ik wil graag iets soortgelijks.
Als een bepaalde checkbox is ingeschakeld, moet een textveld disabled worden.
Dit heb ik nu:
Alle tips zijn welkom!
Je ziet weleens op sites dat je bijvoorbeeld akkoord moet gaan met de algemene voorwaarden voordat je op 'verder' kan klikken.
Ik wil graag iets soortgelijks.
Als een bepaalde checkbox is ingeschakeld, moet een textveld disabled worden.
Dit heb ik nu:
Code (php)
1
2
2
<input type="checkbox" name="overal" value="1">
<textarea name="plaats" rows="7" cols="27" style="font-family: Arial, Verdana; font-size: 12px;"></textarea>
<textarea name="plaats" rows="7" cols="27" style="font-family: Arial, Verdana; font-size: 12px;"></textarea>
Alle tips zijn welkom!
PHP hulp
23/11/2024 09:34:51Jesper Diovo
13/02/2009 19:11:00Bij een onclick op de checkbox een javascript functie uitvoeren die checkt of de checkbox 'checked' is, en dan de textarea (geef een id mee) disabled zet.
Anne
13/02/2009 19:47:00Bedankt voor je reactie. Javascript is niet echt mijn sterkste kant, dus misschien kun je me een voorbeeldje geven (als het tenminste niet teveel werk is)?
Groetjes,
Groetjes,
Jelmer -
13/02/2009 20:44:00Voorbeeldje. Het gaat er wel van uit dat je je elementen binnen hetzelfde form-element hebt zitten.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function toggle_element(target_element_name, source_element) {
var target_element = source_element.form[target_element_name];
target_element.disabled = !source_element.checked;
}
</script>
<form>
<input type="checkbox" onclick="toggle_element('comment', this)">
<textarea name="comment">Blaat</textarea>
</form>
function toggle_element(target_element_name, source_element) {
var target_element = source_element.form[target_element_name];
target_element.disabled = !source_element.checked;
}
</script>
<form>
<input type="checkbox" onclick="toggle_element('comment', this)">
<textarea name="comment">Blaat</textarea>
</form>
Anne
13/02/2009 20:57:00Hoi jelmer,
heel erg bedankt, super! Is het ook mogelijk om dit te gebruiken bij radio buttons?? Bij één radiobuttondan moet de textarea disabled zijn. Als voor de tweede radiobutton gekozen wordt, dan moet de textarea gewoon zijn.
Ik hoor het graag, alvast weer super bedankt!
heel erg bedankt, super! Is het ook mogelijk om dit te gebruiken bij radio buttons?? Bij één radiobuttondan moet de textarea disabled zijn. Als voor de tweede radiobutton gekozen wordt, dan moet de textarea gewoon zijn.
Ik hoor het graag, alvast weer super bedankt!