radio button aan een textfield linken
Ik wil wanneer ik op een textfield klik dat er automatisch een radio button geselecteerd wordt. Ik weet dat het mogelijk is, maar na lang zoeken ben ik het nog niet tegengekomen.
Groet, Roland
Voorbeeld
Code (php)
1
<label for="kebab">Kebab</label><input type="radiobutton" value="kebab" id="kebab">
Gewijzigd op 01/01/1970 01:00:00 door Sab Kriksdeegir
getelementbyid(radiobutton).checked = true
Hopelijk is dit een zetje in de goede richting
gewoon werken met labels ;)
dan wordt die radiobutto, geselecteerd !
JS zou hier overkill zijn
Code (php)
1
2
3
4
5
6
2
3
4
5
6
function selectRadio(target_radioNAME) {
document.target_radioNAME.selected = "selected";
}
<input type="radio" name="radioveronica" />
<input type="text" onfocus="selectRadio('radioveroncia');" />
document.target_radioNAME.selected = "selected";
}
<input type="radio" name="radioveronica" />
<input type="text" onfocus="selectRadio('radioveroncia');" />
ofzoiets
---
Dank je Tommy, dat is handig!
Gewijzigd op 01/01/1970 01:00:00 door Jason de Ridder
Gewijzigd op 01/01/1970 01:00:00 door Sab Kriksdeegir
Edit:
Zo werkt het inderdaad bij mij: Het probleem is alleen dat als ik op de textarea klik, dat hij dan meteen weer de focus kwijt raakt (het radio veldje is dan wel aangevinkt). Dus misschien is JavaScript hiervoor toch beter :-) Gewoon zoiets dan:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
Test
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<form action="google.nl" method="get">
<input type="radio" id="kebab" name="kebab" /> <br />
<label for="kebab">
<textarea name="iets">Typ hier!</textarea>
</label>
</form>
</div>
</body>
</html>
<html>
<head>
<title>
Test
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<form action="google.nl" method="get">
<input type="radio" id="kebab" name="kebab" /> <br />
<label for="kebab">
<textarea name="iets">Typ hier!</textarea>
</label>
</form>
</div>
</body>
</html>
Code (php)
1
<textarea onchange="document.getElementById('radioveld').selected='selected';"></textarea>[/edit]
Gewijzigd op 01/01/1970 01:00:00 door K i p
Have a nice day...
Ik denk dat de TS het in een formulier wil gebruiken waar een veld Anders, namelijk .... is. Zodra je in het .... (veld) gaat staan moet ook het radio button worden geselecteerd.
Dus label is niet op zijn plaats. JS wel.
Jason geeft er al één.
Maar kan natuurlijk ook met de volgende JS regel.
document.getElementById('id van radio').checked = true