Heey allemaal

Ik heb 2 tekstboxen onder elkaar, met zo'n bolletje ervoor wat je aan kan klikken (ben de naam ff kwijt :-p)

Maar hoe kan ik er nu voor zorgen dat als in het onderste vakje wordt getypt, het onderste bolletje aangevinkt wordt, en als ik in het bovense vakje typ, dat dan het bovenste bolletje wordt aangevinkt.

Greetz

<input name="radbut" type="radio" id="radbut" />
<input name="text" type="text" onclick="document.getElementById('radbut').selected='selected'" />
<br />
<input name="radbut2" type="radio" id="radbut2" />
<input name="text2" type="text" onclick="document.getElementById('radbut2').selected='selected'" />


dat selected: true komt van een paar posts hierboven. Het is geen goede HTML maar het zou wel moeten werken. maar nee hoor.

Ook de code hierboven werkt niet :-( :-s
selected = true is juist wat t zijn moet, selected is boolean. Volgens mij is t voor radioboxes ook checked. Dus: onchange="document.getElementById('radiobox').checked = true;"
legolas,

Ook jou manier werkt niet:


<input name="radbut" type="radio" id="radbut" />
<input name="text" type="text" onchange="document.getElementById('radbut').checked = true;" />
<br />
<input name="radbut2" type="radio" id="radbut2" />
<input name="text2" type="text" onchange="document.getElementById('radbut2').checked = true;" />
<input name="radbut" type="radio" id="radbut" />
<input name="text" type="text" onkeydown="document.getElementById('radbut').checked = true;" />
<br />
<input name="radbut2" type="radio" id="radbut2" />
<input name="text2" type="text" onkeydown="document.getElementById('radbut2').checked = true;" /> 


Dit moet wel werken.
Wat je beter kan doen is, een functie aanroepen, zo kan je ook laten controleren of het tekstveld niet leeg is enz.

[i]Die van jouw werkt ook wel, maar pas als je het tekstveld verlaat, door een klik of een tab.
tja met javascript moet je altijd oppassen, jammer dat dit soort dingen niet gewoon met html of php/asp kan...
Oke, thx steffan,

heb er nu een functie van gemaakt, en dan gaan we zo maar is even uitzoeken hoe ik kan controleren of een veld leeg is.

Voor de liefhebbers, dit is wat ik nu heb, en wat ook werkt:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Radionbutton VS textbox</title>

<script language="javascript">
function radiobutton(id)
{
	document.getElementById(id).checked = true;
}
</script>
</head>

<body>
	<input name="radbut" type="radio" id="radbut" tabindex="3" />
	<input name="text" type="text" onkeydown="javascript:radiobutton('radbut')" tabindex="1" />
	<br />
	<input name="radbut" type="radio" id="radbut2" tabindex="4" />
	<input name="text2" type="text" onkeydown="javascript:radiobutton('radbut2')" tabindex="2" />
</body>
</html>
um... ik typte onchange, maar bedoelde onclick :P
maar nu heb ik onkeydown, werkt perfect ;-)

Reageren