Discussion :

[laura_]

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 :

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
 
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 :

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

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>&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

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,

[Bovino]

N'utilise pas form comme nom de ton formulaire ! C'est déjà un nom de propriété JavaScript.

[andry.aime]

Bonsoir,

+1 Bovino

switch (true)

et un nom de variable "true".

A+.

[laura_]

J'ai modifié mon code comme ceci, avec ce que vous m'avez 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
 
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 :

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

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 ?

[Ceddoc]

Essaye ça :

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
 
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;       
}

[RomainVALERI]

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

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

Code javascript :

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

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 ^^

[andry.aime]

Bonsoir,

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

A+.

[RomainVALERI]

Bonsoir,

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

A+.

...

Code javascript :

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

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;

...

?

[andry.aime]

?