aide bouton check box

par **Invité** » 07 nov. 2006, 17:03

jai trouver ce code qui me parait bien :

<input type="checkbox" name="sup" onclick="go(this)" /><input type="text" disabled="disabled" id="texte" name="code" />

 
<script type="text/javascript">
 
function go(ch) {
     ch.nextSibling.disabled=!ch.checked
}
 
</script>

javoue que Je sui un debutant en javascript
si je met un mot devant le champ

Code : Tout sélectionner

<input type="text" disabled="disabled" id="texte" name="code" />

ca ne marche pas
Ce que je veu faire cest de controler 3 champs de formulaire par un seul checkbox
merci pour votre aide

par **Ryle** » 07 nov. 2006, 16:55

Oki, tu as dans ce cas deux solutions :

- la première consiste à appeller ta fonction au chargement de la page (comme la case ne sera pas coché, cela va désactiver tous les champs). Il suffit pour cela dans le onLoad de la page, voire juste après avoir affiché le formulaire ajouter un appel à DesactiveFormulaire()

- la seconde qui me parait un peu mieux, est d'ajouter l'attribut "disabled" à chacun de tes champs pour que ceux-ci soient désactivés par défaut lors du chargement de la page. Le clic sur la case les activera de la même manière

par **Invité** » 07 nov. 2006, 16:50

Ce que je veu faire cest que la case est par defaut desactiver
quand lutilisation coche la case
je veu que les deux ou trois ou n formualire soient actives en meme temps
Merci pour votre aide

par **Ryle** » 07 nov. 2006, 16:30

Ton script m'a l'air très bien (je regarde pas la partie php) le seul soucis, c'est que quand tu désactives tous les éléments du formulaire, tu désactives également la case à cocher... du coup tu ne peux plus le réactiver

J'ai ajouté un test pour que la case ne soit pas impacté par la désactivation, est-ce ce que tu souhaites ou j'ai loupé quelque chose ?

Code : Tout sélectionner

for ( var i = 0; i < form.elements.length ; i++) { // pour chaque élément du formulaire
  if(form.elements[i]!=checkboxObject) // si l'élément n'est pas la case à cocher
    form.elements[i].disabled=mode; // active ou désactive
}

par **box** » 07 nov. 2006, 16:06

Bonjour à tous comment utilisé les check box pour activer un formulaire
ce que je veux faire c'est quand on clike sur le checkbox
le formulaire est actif
si on decoche le chekbox
le formulaire n'est pas actif
jai ecrit un script de simulation masi ca na pas marché
voici le code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function DesactiveFormulaire(checkboxObject, idFormulaire) {
     if (checkboxObject.checked)
          var mode='true';
     else
          var mode='';
     var form=document.getElementById(idFormulaire);
     for ( var i = 0; i < form.elements.length ; i++)
               form.elements[i].disabled=mode;
} 
</script>
</head>

<?php
		$host="localhost";
		$login="root";
		$pass="";
		$db="base";
				if(isset($_POST['age']))      $age=$_POST['age'];
				else      $age="";
				if(isset($_POST['nom']))      $nom=$_POST['nom'];
				else      $nom="";
				if(isset($_POST['prenom']))      $prenom=$_POST['prenom'];
				else      $prenom="";
		$db = mysql_connect($host,$login, $pass)  or die('Erreur de connexion '.mysql_error());
		mysql_select_db('base',$db)  or die('Erreur de selection '.mysql_error());   
		$sql = "INSERT INTO mams(id, age, nom, prenom) VALUES('','$age','$nom','$prenom')";
		mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
		echo 'Vos infos on été ajoutées.';
		mysql_close();  
?> 

<body>
<form action="form.php" method="post" id="idForm" >
age :<input type="text" id="input1" name="age" />
<br><input type="checkbox" id="check" name="check" value="" onClick="DesactiveFormulaire(this, 'idForm');" />
<br>nom :<input type="text" id="input1" name="nom" />
prenom :<input type="text" id="input2" name="prenom" />
<input name="button" type="submit" value="ok">
</form> 
</body>
</html>

merci pour votre aide

aide bouton check box

Répondre

Étendre la vue Revue du sujet : aide bouton check box

aide bouton check box