Griser une checkbox en fonction d'une autre

12 juil. 2005, 13:54

Bonjour,

J'ai 2 checkbox, et lorsque la checkbox1 est cochée je veux que la 2 soit grisée.
En décochant la checkbox j'ai a nouveau acces aux 2 checkbox.
Mais lorsque je coche la checkbox2 non seulement je veux que la checkbox1 soit grisée mais en plus qu'un input type=text s'affiche (il pouvait etre grisé avant ou apparaitre d'un coup ca n'a pas d'importance).

Merci d'avance

12 juil. 2005, 14:09

Modération : Rappel
Ceci est un forum, pas un téléphone portable: le langage SMS est à bannir, merci d'éditer ton post et de corriger le titre

12 juil. 2005, 14:29

Je sais que ce n'est pas un téléphone portable mais on demande a ce que le sujet soit le plus précis possible et avec un npmbre de caractere limite (somme toute logique), il n'est pas tres facile d'y mettre un titre correspondant exactement a ce que je veux. Et comme tu peux le voir quand j'écris mes textes je n'utilises pas ou tres peu le language abrégé.
Je vais toute fois comme tu le demandes changer le titre de mon sujet.

Modération : merci

Je t'en prie

12 juil. 2005, 14:39

tu sais ce que tu veux exactement, il ne te reste plus qu'à écrire le programme en jouant sur les propriétés de style CSS visibility (visible ou hidden) ou bien display ( none, inline ou block).

12 juil. 2005, 14:52

tu sais ce que tu veux exactement, il ne te reste plus qu'à écrire le programme en jouant sur les propriétés de style CSS visibility (visible ou hidden) ou bien display ( none, inline ou block).

C'est à dire ???

Parce que moi et le CSS ce n'est que le début d'une longue histoire d'amour mais j'attend encore qu'on nous présente

12 juil. 2005, 16:18

Exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Cases à cocher liées</title>
<script type="text/javascript">
function desactive(caseacocher)
{
    window.document.forms['id_form'].elements[caseacocher].disabled = true;
}
</script>
</head>
<body>
<form action="" method="post" id="id_form">
<input type="checkbox" id="case1" value="1" onchange="desactive('case2');"><br>
<input type="checkbox" id="case2" value="2" onchange="desactive('case1');"><br>
<input type="submit" name="envoi" value="OK">
</form>
</body>
</html>

17 juil. 2005, 21:02

Exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Cases à cocher liées</title>
<script type="text/javascript">
function desactive(caseacocher)
{
    window.document.forms['id_form'].elements[caseacocher].disabled = true;
}
</script>
</head>
<body>
<form action="" method="post" id="id_form">
<input type="checkbox" id="case1" value="1" onchange="desactive('case2');"><br>
<input type="checkbox" id="case2" value="2" onchange="desactive('case1');"><br>
<input type="submit" name="envoi" value="OK">
</form>
</body>
</html>

c'est bien mais le soucis c'est que la case reste grisée...

17 juil. 2005, 21:38

c'est bon j'ai trouvé tout seul :

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Cases à cocher liées</title> 
<script type="text/javascript"> 
function desactive(caseacocher) 
{
	if (window.document.forms['id_form'].elements[caseacocher].disabled == true)
	{
		window.document.forms['id_form'].elements[caseacocher].disabled = false; 
	}
	else
	{
		window.document.forms['id_form'].elements[caseacocher].disabled = true; 
	}
} 
</script> 
</head> 
<form action="" method="post" id="id_form"> 
<input type="checkbox" id="case1" value="1" onchange="desactive('case2');"><br> 
<input type="checkbox" id="case2" value="2" onchange="desactive('case1');"><br> 
<input type="submit" name="envoi" value="OK"> 
</form>

Griser une checkbox en fonction d'une autre

Qui est en ligne