Page 1 sur 1
Griser une checkbox en fonction d'une autre
Posté : 12 juil. 2005, 13:54
par Snoops
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
Posté : 12 juil. 2005, 14:09
par Cyrano
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
Posté : 12 juil. 2005, 14:29
par Snoops
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
Posté : 12 juil. 2005, 14:39
par mere-teresa
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).
Posté : 12 juil. 2005, 14:52
par Snoops
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
Posté : 12 juil. 2005, 16:18
par Cyrano
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>
Posté : 17 juil. 2005, 21:02
par Snoops
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...
Posté : 17 juil. 2005, 21:38
par Snoops
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>