[Javascript] Radio Checked sur clic Href [RESOLU] - Comment k'on fait ?

Voila j’ai deux bouton radio, du meme nom. Et de valeur 1 et l’autre de valeur 2

Dans un soucis d’ergonomie j’ai besoin de cocher un bouton radio à partir d’un lien HREF.
Sachant qu’il sont tous les deux ont le meme nom, ca deviens un peu difficile… de savoir lequel correspond.

donc

<Form name="test">
<input type="radio" name="essai" value="1">
<input type="radio" name="essai" value="2">
<a href="#" onclick="???">Coche Radio 1</href>
<a href="#" onclick="???">Coche Radio 2</href>
</form>

Help :slight_smile: Merki

avec des id ?
getElementById()

utilise <label>

désolé j’ai pas d’exemple sous la main

Comment je pourrais faire ? tu peux me montrer un exemple ? merci :wink:

Je le place a quel endroit le label ? j’encadre le code des boutons radio ?

Comme ça :

<label for="x">xxxx</label>
(...)
<input type="radio" id="x" />

http://www.google.com/search?hl=fr&q=%3Cla…=Rechercher&lr=

Essaye en les déclarant en tableau

<Form name="test">
     <input type="radio" name="essai[]" value="1">
     <input type="radio" name="essai[]" value="2">
     <a href="#" onclick="document.test.essai[0].checked=true;">Coche Radio 1</href>
     <a href="#" onclick="document.test.essai[1].checked=true;">Coche Radio 2</href>
</form>

En fait, regarde l’exemple de Sans-Nom avec <label>, ça a l’air mieux et plus simple (je connaissais pas).

J’ai oublié de te precisé, que je ne peux pas changer le nom des bouton radio. car un script de verification assez complexe de formulaire est mis en place. Et j’ai pas envie de remettre le nez dedans :slight_smile:

Oui mais je suis pas tout a fait dans un Href, mais plutot dans un <table>, et avec un onclick je coche le bouton radio. Ton code m’interresse :slight_smile:

J’ai trouvé !!! :slight_smile:


<Form name="test">
    <input type="radio" name="essai" value="1" id="1">
    <input type="radio" name="essai" value="2" id="2">
    <a href="#" onclick="document.getElementById('1').checked=true;">Coche Radio 1</href>
    <a href="#" onclick="document.getElementById('2').checked=true;">Coche Radio 2</href>
</form>

Le label c’est :

  1. fait pour ça
  2. accessible
  3. pas désactivable (javascript, …)
    d’autant que ça n’implique pas de changer les noms, mais simplement de mettre des identifiants (si tu veux que ça marche sous IE) sinon tu peux simplement entourer le champ par <label />.

Voici pour les labels:

<Form name="test">
<input type="radio" id=r1 name="essai" value="1">
<input type="radio" id=r2 name="essai" value="2">
<label for=r1>Coche Radio 1</label>
<label for=r2>Coche Radio 2</label>
</form>

Edit: grillaid ? :ane:

il a du ignorer SN :ane:

au passage, il est révolu le temps des attributs sans quote! honte à toi BZValoche!

Ah oui les attributs ver de terre ? :ane:
Simple oubli de ma part :paf: