radio button

Status
Niet open voor verdere reacties.

tchiloh

Gebruiker
Lid geworden
29 jan 2008
Berichten
65
kun je iets in javascript programeren dat als je in een tabel op een tekstveld staat dat hij ook gelijk de raido button aan vinkt die in die rij staat?
 
PHP:
<input type="radio" id="jeradiobutton" name="whatever1" /> <input type="text" name="whatever2" onfocus="document.getElementById('jeradiobutton').checked = true"/>

Het kan zijn dat je true moet vervangen door checked. Dat weet ik niet zeker.
 
volgens mij was een label al voldoende

HTML:
<label for="test">test: </label><input type="radio" name="test" value="1" id="test" />

of het was zo
HTML:
<label for="test">test: <input type="radio" name="test" value="1" id="test" /></label>

Ik weet het niet exacte meer.. maar daar heb je geen JS voor nodig dan. scheelt weer
 
Met een label zou het inderdaad ook kunnen.

Dit zou dan de code worden:

PHP:
<label for="test">
  <input type="text" name="whatever" />
</label>
<input type="radio" name="test" value="1" id="test" />

Dat heeft echter wel één GROOT nadeel.

Als je dan in de textbox klikt, gaat de focus naar de radiobutton. Dus kun je niet iets in de textbox typen.

Dus is het toch weer geen oplossing.
 
ik heb de code getest maar als ik wat in type dan word de radio button niet aangevinkt. je moet dat zelf handmatig doen. en dat wil ik niet. want mijn bedoeling is op strax de radio button hidden te maken
 
Ik heb even een voorbeeldje gemaakt en het werkt bij mij prima... als ik in een tekstveld klik vinkt hij mijn radio button aan... check hier het voorbeeld:

http://test.robertcabri.nl/test/label.html

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>test</title>
	<meta name="generator" content="BBEdit 8.7" />
</head>
<body>
<fieldset>

	<label for="radiobutton">
		<input type="text" name="text" value="" />
	</label>
	<input type="radio" name="radiobutton" id="radiobutton" value="1" />
</fieldset>
</body>
</html>


werkt niet in IE 6 zo te zien wel in Safari/FF3 op mac
 
Laatst bewerkt:
In een eerdere post gaf ik al aan wat hier mis mee is. De focus gaat dan meteen naar de radio-button en zo kun je dus nooit iets intypen in het veld.

EDIT:

Als je er dit van maakt:

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test</title>
    <meta name="generator" content="BBEdit 8.7" />
</head>
<body>
        <input type="text" name="text" value="" onfocus="document.getElementById('radiobutton').checked = true" />
        <input type="radio" name="radiobutton" id="radiobutton" value="1" />
</body>
</html>

werkt het gewoon.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan