[PHP] Radio button ook te selecteren dmv de tekst

Pagina: 1
Acties:
  • 69 views sinds 30-01-2008

  • Tha_Spike_1981
  • Registratie: April 2003
  • Laatst online: 17-04 16:23
Search vind eigenlijk niets. Vraagje als je bijvoorbeeld bij Google op "pagina's in het Nederlands" wilt selecteren dan kun je 2 dingen doen:

1. Op de selectie rondje klikken, zoals het hoort
2. Of op de tekst zelf klikken.

En juist punt 2 vind ik erg interessant en zou graag willen weten hoe dat gedaan is? Zal wel met javascript gedaan zijn, maar weet iemand hoe het werkt?

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

<label> :?

wat je ook had kunnen weten door eventjes 3sec naar de source te kijken:
HTML:
1
2
3
4
5
6
7
8
<input id="all" name="meta" value="" checked="checked" type="radio">
<label for="all"> het Internet</label>

<input id="lgr" name="meta" value="lr=lang_nl" type="radio">
<label for="lgr"> pagina's in het Nederlands</label>

<input id="cty" name="meta" value="cr=countryNL" type="radio">
<label for="cty">pagina's uit  Nederland</label>

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
simpelste manier met js:

HTML:
1
<input id="hoi"><span onclick="switchRadio('hoi');"></span>


Java:
1
2
3
4
function switchRadio(node) {
  blaat = document.getElementById(node);
  blaat.checked = blaat.checked?false:true;
}

iets in die geest (uit me hoofd)

edit:
maar idd, labels zijn handiger

edit2:
wtf heeft die eigenlijk met php te maken?

[ Voor 48% gewijzigd door BasieP op 05-01-2006 12:11 ]

This message was sent on 100% recyclable electrons.


  • André
  • Registratie: Maart 2002
  • Laatst online: 15-04 09:54

André

Analytics dude

En je kunt toch ook de source van de Google pagina bekijken?

code:
1
2
3
4
Zoek:
<input id=all type=radio name=meta value="" checked><label for=all> het Internet</label>
<input id=lgr type=radio name=meta value="lr=lang_nl" ><label for=lgr> pagina's in het Nederlands</label>
<input id=cty type=radio name=meta value="cr=countryNL" ><label for=cty>pagina's uit  Nederland</label>

[ Voor 74% gewijzigd door André op 05-01-2006 12:17 ]


  • Tha_Spike_1981
  • Registratie: April 2003
  • Laatst online: 17-04 16:23
Ok werkt, slotje..

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
* BasieP voelt zich nu net een afhaalchinees :/

This message was sent on 100% recyclable electrons.


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

en nu de volgende keer zelf eens nadenken ;)
André schreef op donderdag 05 januari 2006 @ 12:15:
En je kunt toch ook de source van de Google pagina bekijken?

code:
1
2
3
4
Zoek:
<input id=all type=radio name=meta value="" checked><label for=all> het Internet</label>
<input id=lgr type=radio name=meta value="lr=lang_nl" ><label for=lgr> pagina's in het Nederlands</label>
<input id=cty type=radio name=meta value="cr=countryNL" ><label for=cty>pagina's uit  Nederland</label>
spuit 11 :+

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:40

crisp

Devver

Pixelated

Dit heeft niets met PHP te maken, --> W&G dus :)

Overigens kan dit ook (behalve in browsers die ernstig achterlopen):
HTML:
1
<label><input type="radio"> hier je tekst</label>


Overigens zou ik om voor de hand liggende redenen nooit een element het id "all" geven ;)

[ Voor 20% gewijzigd door crisp op 05-01-2006 13:02 ]

Intentionally left blank


  • XangadiX
  • Registratie: Oktober 2000
  • Laatst online: 25-03 10:55

XangadiX

trepanatie is zóó kinderachtig

de volgende keer dat je een verhulde en vrij basic scriptrequest doet dan krijg je een mep met een natte krant :( ;)

Stoer; Marduq

Pagina: 1

Dit topic is gesloten.