disable un unique radio button sur une liste de plusieurs

**jamesleouf** · 12/04/2010, 15h25

Bonjour,

J'ai une liste de plusieurs bouton radio, et a partir d'une action, je voudrai faire un disabled sur l'un des éléments (pour empécher la possibilité de cocher cette option)

Or je ne sais pas comment accéder en javascript, a un élément;
Voici a quoi ressemble mes boutons radio :

Code :

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

1
2
3
<html:radio property="typeRecherche" value="UN" onclick="ouverture(this);">
<bean:message key="machin.truc"/>
</html:radio>

J'ai essayé de mettre des idName, des name, etc... Mais il ne veut même pas afficher la page si jamais j'ajoute ces attributs;
Comment faire pour accéder a l'un des éléments dans cette liste de bouton radios?

Merci d'avance;

**Rei Ichido** · 15/04/2010, 08h11

L'attribut que tu cherches s'appelle "styleId".

**jamesleouf** · 15/04/2010, 09h04

Je vais essayer ça (avant de mettre résolu);
Ca m'étonnait quand même qu'on ne puisse pas mettre d'ID sur les éléments;
Merci bien

**OButterlin** · 15/04/2010, 09h23

Sinon, en javascript brut de fonderie, tu peux également t'inspirer de ce petit exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Language" content="fr">
 
<script>
function disableRadio(idx)
{
    var elems = document.getElementsByName("RadioElement");
    alert(elems[idx].value);
    elems[idx].disabled = true;
}
</script>
</head>
 
<body>
<form>
<input type="radio" name="RadioElement" value="1"/>Valeur 1<br/>
<input type="radio" name="RadioElement" value="2"/>Valeur 2<br/>
<input type="radio" name="RadioElement" value="3"/>Valeur 3<br/>
<input type="radio" name="RadioElement" value="4"/>Valeur 4<br/>
<input type="button" value="Disable" onclick="disableRadio(2)"/>
</form>
</body>
</html>