Activer boutons checkbox SEULEMENT si un input radio est coché

**bobic** · 27/04/2006, 11h00

bjour,

J'aimerais faire un petit formulaire dans lequel divers options sont proposée avec des boutons radios.

Dans le cas, où un bouton radio est choisi (le dernier par exemple), cela active des checkbox.

Mon actuel est le suivant:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<script type='text/javascript'>
 
function disableInput(idInput, valeur)
{
var input = document.getElementById(idInput);
input.disabled = valeur;
if (valeur) {
input.style.background = "#CCC";
BSajoute(idInput);
} else {
input.style.background = "#FFF";
BSsuppr(idInput);
}
}
 
function enableInput(idInput, valeur)
{
var input = document.getElementById(idInput);
input.enable = valeur;
if (valeur) {
input.style.background = "#FFF";
BSsuppr(idInput);
} else {
input.style.background = "#CCC";
BSajoute(idInput);
}
}
</script>
 
<fieldset>
<legend>Activer/désactiver un champ en cliquant sur une case à cocher</legend>
<input name="active" id="idactive" onclick="disableInput('ida', this.checked);" type="checkbox" />
 
<input name="active" id="idactive" onclick="disableInput('ida', this.checked);" type="radio" />
<input name="active" id="idactive" onclick="enableInput('ida', this.checked);" type="radio" />
 
<input name="a" id="ida" type="checkbox" />
</fieldset>

Dans mon exemple, si on coche le premier checkbox, cela active (ou désactive) la seconde checkbox.
Mais, j'aimerais faire la même chose avec un bouton radio. Ainsi, quand on sélectionne le premier bouton radio, cela désative la checbox, et quand on choisi la seconde, cela ne fait rien, alors quue j'aimerai que ça la rendre active....

J'ai essayé diverses choses trouvées sur le net que j'ai essayé d'adapter mais je n'y arrive pas...

merci de votre aide

**supermanu** · 27/04/2006, 11h52

Si j'ai bien compris, tu veux que lorsque tu clique sur un bouton radio tu puisse cocher la checkbox et sinon elle doit être grisée ?

Tout d'abord, le name de la première checkbox ne doit pas être "active".

Puis tu peux faire une fonction de ce style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function activeDesactive(radio) {
        objForm = document.forms[0];
 
        if(radio[0].checked) {
            objForm.elements["a"].disabled = false;
 
        }
        else {
            objForm.elements["a"].disabled = true;
 
        }
    }

et pour les boutons radio, tu mets :

Code :

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

1
2
 
onclick="activeDesactive(this.form.active);"

**bobic** · 27/04/2006, 12h40

oui, c'est à fait cela que je recherche !

J'ai donc fait ceci comme indiqué:

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
27
28
29
30
<html>
<head>
<script type='text/javascript'>
 
function activeDesactive(radio) {
        objForm = document.forms[0];
 
        if(radio[0].checked) {
            objForm.elements["a"].disabled = false;
 
        }
        else {
            objForm.elements["a"].disabled = true;
 
        }
    }
</script>
</head>
<body>
<form name=form>
 
 
<input name="essai" id="idactive" onclick="activeDesactive(this.form.active);" type="radio" />
<input name="essai" " type="radio" />
 
<input name="a" id="ida" type="checkbox" />
 
</form>
</body>
</html>

le but est donc que quand l'utilisateur choisisse le premier bouton radio, la check box soit dispo, et s'il clique sur l'autre bouton radio, elle soit décochée.

Mais j'ai une erreur avec les indices (le 0)
j'ai donc du mal faire un truc....
j'ai essayé en mettant directement son nom (je ne sais pas si cela fonctionne en JS) mais j'ai tjs un "xxxxx" is undefined....

**supermanu** · 27/04/2006, 12h44

Il faut que tu mettes

Code :

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

1
2
 
this.form.essai

dans le onclick car tes boutons radio s'appellent "essai"

et fais un copier/coller du onClick dans le second bouton radio. (d'ailleurs tu as une " en trop)
Sinon pour "débugger" le javascript j'utilise la console javascript de firefox, c'est assez pratique

**bobic** · 27/04/2006, 12h49

ah oui zut!

j'ai corrigé, IMPECCABLE ! merci à toi !

Sinon, oui pour Firefox j'en suis un inconditionnel (surtout sous Linux

), mais étant sur un poste du taf sur lequel je ne peux rien installer..... malheureusement......

Encore merci pour ta rapidité et ton aide !

**supermanu** · 27/04/2006, 13h01

Ya pas de quoi, penses au tag RESOLU, dans l'onglet Outils de la discussion

**bobic** · 28/04/2006, 10h13

oups, désolé, je n'ai pas eu le tps de metre le tag résolu !

J'ai fait un rapide test avec tout petit form, cela fctionne nickel, mais pas sur mon vrai formulaire !

Je vais chercher j'ai du faire une erreur

edit:

je viens de supprimer le tag résolu car, j'ai trouvé pourquoi le js ne voulait pas fctionner.

En fait, il n'accepte pas d'avoir plusieurs checkbox du même nom!
Malheureusement, je suis obligé d'en avoir plusieurs du meêm nom, car la valeur des ceckbox est récupérées via un script en asp dans une base de donnée, et c'est aussi asp qui me permet de me retransmettre ensuite ces valeurs comme il : var1,var2var3 (ce qui fait que j'en fait ensuite une inclusion dans un IN d'une requête).... Bref, je suis "obligé d'avoir plusieurs checkbox du même nom

Comment faire pour que le script fonctionne dans ce cas ??

Je précise que la console débug de Firefox (que j'ai finalement installé car j'ai cracké avec IE) ne me renvoit aucune erreur.

Merci

**supermanu** · 28/04/2006, 12h29

Tu peux peut-être mettre des id différents pour tes checkbox ?
et les récuprérer grâce à document.getElementById('ton_id'); au lieu de objForm.elements["a"]

**bobic** · 28/04/2006, 12h38

j'essaie et te dis le résultat

**javatwister** · 28/04/2006, 13h09

quand on sélectionne le premier bouton radio, cela désative la checbox

sans regarder le reste, je te le dis: c'est absurde;

et pourtant, je suis un garçon sympathique et ouvert à toutes expériences javatwistantes!

bref, pour désactiver une checkbox, il suffit de cliquer dessus;

**bobic** · 28/04/2006, 13h44

c'est nickel !

merci

Pour répondre à JavaTwister non cela n'est pas absurde.
Explication: j'ai un form de ce style:

boutonradio1
boutonradio2
boutonradio3

Dans le cas du choix3, veuillez spécifier plus présément votre choix:
checkbox1
check2
check3

Le fait de désactiver la possibilité de cocher les checks permet de mieux faire à l'utilisateur que même s'il coche les check et un des deux premiers boutons radio, seuls les boutons radio seront prix en compte. C'est sur que au niveau du traitement, cela ne change rien !

cela te parait moins absurde maintenant ???

**javatwister** · 28/04/2006, 14h05

non non, aucune explication ne me convaincra: pour décocher une chekbock, il faut cliquer dessus...

Activer boutons checkbox SEULEMENT si un input radio est coché

JavaScript

Discussions similaires

Partager

Partager