klikken op input veld moet radiobutton aanzetten

[Verwijderd]

Weet iemand hoe ik dit aanpak?

[Tim]

onClick="document.form.radiobutton.checked=true"
zomaar gokje hoor..

[McVirusS]

code:

<FORM
<INPUT TYPE="text" onfocus="this.form.rdbutton[0].checked = TRUE">
<INPUT TYPE="radio" name="rdbutton">
</FORM>

Denk ik

[Verwijderd]

Heb dit dus ook nodig, bovenstaande oplossingen werken niet volgens mij.

Wie helpt?

[drm]

code:

<script language="JavaScript" type="text/javascript">

function checkRadio ( id )
{
   document.forms [ 'dummyForm' ].elements [ id ].checked=true;
}

</script>

(...)

<form name="dummyForm">
   <input onFocus="checkRadio ( 'theRadio' );" type="text" name="dummy">
   <input type="radio" name="theRadio">
</form>

[party42]

Overigens

Pelle: ik wist niet hoe snel ik moest replien

niet mooi en niet af

Dat valt toch wel mee? Best een aardige website mate!

[drm]

Al in Opera of NS bekeken ?
ik steek er veel te weinig tijd in...

[Verwijderd]

Maar als je nu zoals heel waarschijnlijk een paar radiobuttons hebt:

<input type="radio" name="theRadio" value="1">
<input type="radio" name="theRadio" value="2">
<input type="radio" name="theRadio" value="3">

En je wilt dat bijvoorbeeld radiobutton nummer 3 aangaat?

Want het scriptje van drm werkt alleen met 1 radiobutton. En wanneer je bijvoorbeeld theRadio[2] in de onFocus zet krijg je een error... Wie weet ut?

[Bosmonster]

Ondanks dat het nogal een enorme kick is (let hier voortaan even op!) is de vraag niet onrelevant

Makkelijkste is de radio's gewoon een id te geven en deze te gebruiken met document.getElementById().

[drm]

* drm is het niet met Bosmonster eensch

Het makkelijkst is om aan de hand van de value de radio collection te doorlopen. Het probleem zit 'm erin dat je met DOM werkt, en je verwacht een array terug te krijgen bij form.elements [ 'someradiobutton' ]; Maar je krijgt een zgn. nodelist terug die je op de volgende manier moet doorlopen

JavaScript:

   function stuff ( form, name, value ) {
      radios = form.elements [ name ];
      for ( var i = 0; i < radios.length; i++ ) {  
         radios.item(i).checked = ( radios.item(i).value == value );
      }
   }

Hoe je HTML er dan uit moet zien mag je zelf uitvogelen

[Verwijderd]

Ja, ik had het al gezien, maar ik kan hard schoppen en waarom een nieuwe topic openen als dit zo heel erg in het verlengde ligt?

Ik zit nou al 3 uur te prutsen maar ik kom er helaas nog altijd niet uit...

drm, is die functie hierboven in plaats van die ander, ja toch?

[drm]

drm, is die functie hierboven in plaats van die ander, ja toch?

Ja, min of meer. Je moet 'm alleen wel even anders aanroepen, maar hoe dat precies moet zou je wel uit moeten kunnen komen met een beetje inzicht in HTML / JS

ik ga niet alles voorkauwen _{dit keer}

[Verwijderd]

Ik krijg met al die scripts errors like 'elements' is null or not an object

Ik roep hem als volgt aan: onFocus="stuff ( 'dummyForm, radionaam, 2' );"

als de 3e radio met name radionaam aan moet springen...

[Bosmonster]

Dat is dat beetje basiskennis JS wat drm bedoelt denk ik

stuff ( 'dummyForm, radionaam, 2' )

Zo roep je natuurlijk geen functie aan met 3 attributen... maar zo

stuff ( 'dummyForm', 'radionaam', 2 )

[Verwijderd]

Maar ik krijg hiermee nog steeds precies dezelfde error hoor!

[drm]

Nou, vooruit...

Het eerste argument moet een verwijzing naar het form element zijn, de tweede de naam van de radiobutton "groep", de laatste de value van de betreffende radio-button

code:

<form>
   <input type="text" onfocus="stuff ( this.form, 'radiobutton', '169' )" />
   <input name="radiobutton" type="radio" value="169" />

   <input type="text" onfocus="stuff ( this.form, 'radiobutton', '1114' )" />
   <input name="radiobutton" type="radio" value="1114" />
</form>

[Verwijderd]

Het werkt! Dank u!


Ik dacht in eerste instantie dat die 2 niet de value was maar een verwijzing naar de 3e radiobutton NAME, zoiets als radiobutton[2]...

Is dat eigenlijk mogelijk? Stel je hebt:

<input NAME="bestand" TYPE="radio" VALUE="latenstaan">
<input NAME="bestand" TYPE="radio" VALUE="verwijderen">
<input NAME="bestand" TYPE="radio" VALUE="vervangen">

Dan is toch de NAME van de eerste radiobutton stiekem bestand[0], de tweede bestand[1] en de derde bestand[2]? Of ben ik nou helemaal in de war? Zal wel dan

Nogmaals dank!

[ Voor 25% gewijzigd door Verwijderd op 19-03-2004 16:25 ]

[HawVer]

Neej de nodelist die je terug krijgt als je die functie uitvoerd kun je aanspreken door middel van radios[0] radios[1] etc..

offtopic:
drm.. je bent te goed voor deze wereld..

[ Voor 47% gewijzigd door HawVer op 19-03-2004 16:40 ]