Griser un champ text suivant le cochage d'une checkbox

**Seb981** · 10/08/2007, 11h21

Bonjour à tous,

Dans mes formulaires, j'ai plusieurs checkbox avec comme choix "oui" ou "non".
Ces checkbox servent à savoir si un outil appartient à un garage. Si on coche oui, un champ description est disponible, si on coche non, il n'y aura pas de liaison dans la table garage_outil et donc si il y a une description qui a été mise alors qu'il n'y a pas d'outil, cette description ne serra pas visible d'ou le choix de griser le champ description lorsque la checkbox est à non.

J'ai commencé à faire cette fonction mais celle-ci ne marche pas, rien ne se grise. Pourriez-vous m'aider à la faire marcher ? Mon deuxiéme probléme c'est que j'ai plusieurs checkbox et manquant cruellement de base en javascript je ne vois pas comment faire pour que ma fonction soit utilisable pour toutes les checkbox.

Le nom des chekbox sont un numéro
Le nom du champ a caché est : DESCRIPTIONOUTIL suivi du numéro de la checkbox

Voici mon code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<SCRIPT LANGUAGE="JavaScript">
function griser() {
	 with(document.insertion) {
	 	if(10.value != "oui") {
	 		DESCRIPTIONOUTIL10.disabled=true;
	 	}
		else {
	 		DESCRIPTIONOUTIL10.disabled=false;
	 	}
	 }
}
</SCRIPT>

Voici mon code html formaté

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
</head>
<body>
<form name="insertion" ... >
<table>
<tr><td class='fond_bleu1'>Outil</td>
	<td align='center' class='fond_bleu1'><input type ='radio' name=10 value='oui' />oui<input type ='radio' name=10 value='non' checked='checked' /> non &nbsp;&nbsp;</td>
	<td align='center' class='fond_bleu1'>(Description <input type ='text' name='DESCRIPTIONOUTIL10' size='25' onChange='griser()'/>)</td>
</tr>
</table>
</form>
</body>
</html>

**E.Bzz** · 10/08/2007, 11h41

Bonjour,

Code :

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

1
2
3
function griser(objInput) {
 objInput.disabled=!document.getElementById('10_oui').checked;
}

avec

Code :

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

1
2
3
<input type='radio' name="10" id="10_oui" value='oui' />oui<input type ='radio' name="10" id="10_non" value='non' checked='checked' /> non
...
<input type ='text' name='DESCRIPTIONOUTIL10' size='25' onChange='griser(this)'/>

A+

**Seb981** · 10/08/2007, 11h55

Merci pour ton aide. Mon champ text se grise bien mais il le fait après avoir plusieurs fois coché oui et non et reste après tout le temps bloqué.
Saurais-tu comment remedier à ce probléme ?

Est-on obligé de prendre un champ id ou peut-on prendre le champ name pour la fonction ?

Comme mes champs varient, il faudrait que je fasse :

Code :

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

1
2
3
 
$id="10_oui";
griser(this,\"".$id."\");

**E.Bzz** · 10/08/2007, 12h00

Envoyé par Seb981

Mon champ text se grise bien mais il le fait après avoir plusieurs fois coché oui et non et reste après tout le temps bloqué.

Aucune raison. Mais ça dépend comment tu as adapté le code ...

Comme mes champs varient, il faudrait que je fasse :

Code :

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

1
2
3
 
$id="10_oui";
griser(this,\"".$id."\");

Code :

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

1
2
3
4
5
function griser(objControlee, idControleur) {
 objControlee.disabled=!document.getElementById(idControleur).checked;
}
...
griser(this,\"".$id."\");

A+

**Seb981** · 10/08/2007, 13h15

je te met mon code texto de ma page de test si tu peux jeter un oeil dessus, car j'arrive pas à le faire fonctionner :

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
 
<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
function griser(objControlee, idControleur) {
 objControlee.disabled=!document.getElementById(idControleur).checked;
}
</SCRIPT>
<form name="insertion">
<input type ='radio' name="10" id="10_oui" <? $id="10_oui"; ?> value='oui' />oui
<input type ='radio' name="10" id="10_non" <? $id="10_non"; ?> value='non' checked='checked' /> non
<?php echo("<input type ='text'  name='DESCRIPTIONOUTIL10' size='25' onChange='griser(this,\"".$id."\")' />"); ?>
</form>
</body>
</html>

Ci-dessus mon code rectifier, il me fait toujours quelque chose de bizarre avec le grisement : je clique sur oui, je met du texte dans le champ, je clique sur non et j'ai le grisement du texte qui reste coincé.