des boutons radio

**badou33** · 06/07/2011, 10h44

Bonjour,
j'ai créé un code javascript pour deux boutons radio, quand je clique sur le 1er la liste devient non sélectionnable, et quand je clique sur l'autre ça devient sélectionnable. Quand la page se charge j'ai le bouton qui rend la zone non sélectionnable qui est choisi par défaut, mon problème c que la zone non sélectionnable n'est pas grise(sélectionnable), tant que je n'ai pas cliqué dessus.

Merci d'avance

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
<td nowrap align="left" colspan="6">
<input <cfif #Find("0",USRMGT_PROFILE_FLAG)# gt 0 > checked</cfif> type="Radio" checked="checked" name="USRMGT_PROFILE_FLAG" id="CAT1" value="0" onClick="selectionne()">Supplier manager
</td>
<td nowrap align="left" colspan="6">
<input <cfif #Find("1",USRMGT_PROFILE_FLAG)# gt 0 > checked</cfif> type="Radio" name="USRMGT_PROFILE_FLAG" id="CAT2" value="1" onClick="selectionne()"> Category manager
</td>
 
 
 
 
function selectionne()
{ var valeur = document.UserForm.USRMGT_PROFILE_FLAG;
for (var i=0;i < valeur.length; i++)
{ if ( valeur[i].checked==0 ){
//tmp=" "+valeur[i].value;
document.getElementById('USRMGT_CATEGORY_ID').disabled=true;
document.getElementById('USRMGT_CATEGORY_ID2').disabled=true;
}
else{
document.getElementById('USRMGT_CATEGORY_ID').disabled=false;
document.getElementById('USRMGT_CATEGORY_ID2').disabled=false;
}
}
}

**Finality** · 06/07/2011, 10h49

Salut,

il suffit de désactiver par défaut ta liste :

Code :

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

1
2
 
<select disabled="disabled"></select>

**badou33** · 06/07/2011, 10h59

J'avais déjà ajouter disabled="disabled" mais quand je charge la page et que le 2éme bouton était actif la zone de sélection n'est pas active (non sélectionnable)

**SpaceFrog** · 06/07/2011, 11h03

lance ton script au démarrage sur le onload de la page .

**Finality** · 06/07/2011, 11h04

EN effet, le navigateur restaure le formulaire dans l'état où il était. Il te suffit donc aussi de forcer le premier radio à être sélectionné :

Code :

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

1
2
 
<input type="radio" checked="checked" />

**badou33** · 06/07/2011, 11h17

Pour forcer la sélection j'ai checked="checked" mais ca ne passe.
@ SpaceFrog Lancer le onload de la page c'est à dire?

**andry.aime** · 06/07/2011, 11h23

Envoyé par badou33

@ SpaceFrog Lancer le onload de la page c'est à dire?

Code html :

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

<body onload="lafonction();">

A+.

**badou33** · 06/07/2011, 11h32

Ça ne donne rien

**andry.aime** · 06/07/2011, 16h40

Bonsoir

for (var i=0;i < valeur.length; i++)
{ if ( valeur[i].checked==0 ){

1- checked prend une valeur booléenne mais pas un entier.
2- avec ton algo, si un radio est sélectionné, ça va désactiver les deux.

A+.

des boutons radio

JavaScript

Discussions similaires

Partager

Partager