Discussion :

[boteha]

Bonjour,

J'ai ce code html (simplifié).

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<tr>
<td><input type="radio" name="super" value="COMTFV006SM-D" id="ACOMTFV006SM-D"  /></td>
<td>6 fibres, OS2 (9 / 125), Str. serr&eacute;e &gt;&gt; <input type="text" size="4" name="unit[COMTFV006SM-D]" id="UCOMTFV006SM-D" /> m</td>
</tr>

Au click dans l'input type = text je veux que l'input type = radio soit automatiquement sélectionné (checked).

j'ai fait ce que j'ai pu avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
const tex = document.querySelectorAll ('input[type="text"]');
 
for (let i = 0; i < tex.length; i++)
{	
tex[i].addEventListener('click', function ()
{
const id_radio = this.parentNode.parentNode.children.children.id;
 
document.getElementById (id_radio).checked=true;
}
);
 
}

Ne marche pas.
Si vous pouvez me dire où est l'erreur, merci d'avance.

[javatwister]

Entre nous recherche plutôt l'id correspondant vu qu'il n'y a que la 1ere lettre qui change.

[boteha]

Bonjour Javatwister,

Bonne suggestion, merci.
Il faut que je vérifie si c'est toujours la première lettre qui change mais je crois que c'est le cas.

Autrement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const id_Radio = this.parentNode.parentNode.querySelector('input[type=radio]').id;

Cela fonctionne.

[javatwister]

Oui, pas mal;

Sinon:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
tex[i].addEventListener('click', function ()
{
document.getElementById(this.id.replace(/^./,"A")).checked=true;
}

Mais je ne sais pas si le nommage est aussi rationnel dans tout ton document;

[boteha]

Bonjour Javatwister,

Merci de ton suivi.

On prend la référence fabricant et on ajoute devant A ou U pour différencier les deux id.

On peut donc d'en sortir avec substr.

Comme d'habitude j'attends avant de cocher résolu.

[javatwister]

non mais je t'assure, tu peux copier le dernier code;

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
const tex = document.querySelectorAll ('input[type="text"]');
 
for (let i = 0; i < tex.length; i++)
{	
tex[i].addEventListener('click', function ()
{
document.getElementById(this.id.replace(/^./,"A")).checked=true;
}
);
 
}