disabled de plusieurs checkbox quand une checkbox est cochée

Version imprimable

Bonjour,
Comme le titre l'indique, j'ai un problème quand je veux rendre "disabled" plusieurs checkbox apres avec cocher une autre checkbox.
Je vous montre le code que j'ai écrit pour cela :

Le code JS :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 switch (true) { case (document.form.chr0.checked): document.form.chr1.disabled=true; document.form.chr2.disabled=true; document.form.chr3.disabled=true; document.form.chr4.disabled=true; document.form.chr5.disabled=true; break; default: document.form.chr1.disabled=false; document.form.chr2.disabled=false; document.form.chr3.disabled=false; document.form.chr4.disabled=false; document.form.chr5.disabled=false; }
Le formulaire HTML :
Code:

1 2 3 4 5 6 7 8 9 10 <form method="post" action="recherche_detaillee.php" name="form"> <input type="text" name="texte"> <br> <h3>• Choix du chromosome :</h3> <input type= "checkbox" name="chr0" value="0" > Indifférent <input type= "checkbox" name="chr1" value="1" > 1 <input type= "checkbox" name="chr2" value="2" > 2 <input type= "checkbox" name="chr3" value="3" > 3 <input type= "checkbox" name="chr4" value="4" > mitochondrial <input type= "checkbox" name="chr5" value="5" > mating type region
Si vous avez une autre solution, ce que je cherche a faire c'est :
- quand la checkbox "Indifférent" (chr0) est cochée, les autres sont grisés, l'utilisateur ne peut pas les cocher, de plus, cela décoche les autres checkbox
- quand la checkbox "Indifférent" est décochée, on peut séléctionner ce qu'on veut

Si vous avez une solution,
Merci beaucoup,

27/04/2011, 11h57
Bovino

N'utilise pas form comme nom de ton formulaire ! C'est déjà un nom de propriété JavaScript.
27/04/2011, 12h16
andry.aime

Bonsoir,

+1 Bovino

Citation:

switch (true)

et un nom de variable "true".

A+.

J'ai modifié mon code comme ceci, avec ce que vous m'avez indiqué :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
switch (document.form1.chr0.checked=true)
{
	case (document.form1.chr0.checked):
		document.form1.chr1.disabled=true;
		document.form1.chr2.disabled=true;
		document.form1.chr3.disabled=true;
		document.form1.chr4.disabled=true;
		document.form1.chr5.disabled=true;
		 break;
 
	default: 
		document.form1.chr1.disabled=false;
		document.form1.chr2.disabled=false;
		document.form1.chr3.disabled=false;
		document.form1.chr4.disabled=false;
		document.form1.chr5.disabled=false;       
}

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<form method="post" action="recherche_detaillee.php" name="form1">
	<input type="text" name="texte">
	<br>
	<h3>&bull; Choix du chromosome :</h3>
	<input type= "checkbox" name="chr0" value="0" > Indifférent
	<input type= "checkbox" name="chr1" value="1" > 1
	<input type= "checkbox" name="chr2" value="2" > 2
	<input type= "checkbox" name="chr3" value="3" > 3
	<input type= "checkbox" name="chr4" value="4" > mitochondrial
	<input type= "checkbox" name="chr5" value="5" > mating type region

Mais cela ne marche toujours pas. Est ce que j'ai un problème de syntaxe dans mes input ? ou dans mon JS ?

Essaye ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
switch (document.form1.chr0.checked)
{
	case (true):
		document.form1.chr1.disabled=true;
		document.form1.chr2.disabled=true;
		document.form1.chr3.disabled=true;
		document.form1.chr4.disabled=true;
		document.form1.chr5.disabled=true;
		 break;
 
	default: 
		document.form1.chr1.disabled=false;
		document.form1.chr2.disabled=false;
		document.form1.chr3.disabled=false;
		document.form1.chr4.disabled=false;
		document.form1.chr5.disabled=false;       
}

La refactorisation me démangeait trop...
...pas pu m'en empêcher. :calim2:

Tu peux remplacer l'extrait de JS cité par :
Code:

1 2 3 4 var inputs = document.form1.getElementsByTagName("INPUT"); for (var i = 0; i < inputs.length; ++i) if ((inputs[i].type == "checkbox") && (inputs[i].id != "check0")) inputs[i].disabled = document.getElementById("check0").checked;
...en pensant juste à coller un id="check0" au checkbox spécifique qui est le critère de ton test pour y accéder plus facilement ^^

27/04/2011, 14h01
andry.aime

Bonsoir,

Pourquoi ne pas utiliser simplement un if else vu que tu ne testes que si c'est à true ou false?

A+.

Citation:

Envoyé par andry.aime

Bonsoir,

Pourquoi ne pas utiliser simplement un if else vu que tu ne testes que si c'est à true ou false?

A+.
Citation:
Envoyé par RomainVALERI
...
Code:

1 2 3 4 var inputs = document.form1.getElementsByTagName("INPUT"); for (var i = 0; i < inputs.length; ++i) if ((inputs[i].type == "checkbox") && (inputs[i].id != "check0")) inputs[i].disabled = document.getElementById("check0").checked;
...
:mrgreen: ?

27/04/2011, 14h58
andry.aime

Citation:

Envoyé par RomainVALERI

:mrgreen: ?

:pan:
:dehors: