Remise à zéro champs cachés d'un formulaireRésolu

Question

Salut à tous !! J'avais posté dernièrement mon problème rencontré avec les div display dans un formulaire qui fonctionne maintenant...voilà mon exemple : Maintenant je souhaiterai que ,lorsque je clique sur le "Non" les champs cochés dans le "Oui" soit décochés et que le champ field vidé...idem qd je clique sur le "Oui", tout doit être remis à zéro qd les champs apparaissent. Je me doute qu'il faille créer une fonction pour ça et la rattacher au "on click" des boutons radio "oui" et "non"...j'ai essayé mais cela ne fonctionne pas...notamment ds mon vrai questionnaire j'ai en plus des séries de boutons radio rattachés au "Oui".... Est ce que qqn peut me donner une piste sur mon exemple ?? Merci !!

PetoleTeam · Accepted Answer

B
onjour...
Excellent...
la fonction peut toutefois être 'optimisée' comme ceci

function raz( id_){
  var Ref =  document.getElementById(id_);
  //-- on cache le DIV
  Ref.style.display ='none';
  //-- Récup de tous les Obj
  var T_Obj = Ref.getElementsByTagName(' * ');// * pour tous les tags
  //-- Parcours le tableau d'Objets
  for( var i =0; i<T_Obj.length; i++){
    //-- On traite suivant le cas
    if( T_Obj[i].checked)
      T_Obj[i].checked = false;
    if( T_Obj[i].type=="text")
      T_Obj[i].value = "";
    if( T_Obj[i].type=="textarea")
      T_Obj[i].value = "";
    //-- On peut en rajouter si d'autres controles
  }
}

l'appel devient
NON

Nota :
  les variables locales peuvent être réutilisée au besoin

;0)

cs_bultez · Answer

Bonjour, >lorsque je clique sur le "Non" les champs cochés soit décochés checkbox.checked= false >que le champ field vidé champ .value =""; >créer une fonction pour ça et la rattacher au "on click" des boutons radio "oui" et "non" exact > mais cela ne fonctionne pas on peut voir ? et qu'est-ce qui ne fonctionne pas ? il y a un message d'erreur probablement... avec FF : regarder la "console d'erreurs", et mieux télécharger FireBug avec IE, activer le debogage, et mieux télécharger le Debogger IE

Cordialement Bul [mon Site] [M'écrire]

louloute8091 · Answer

Bon voilà (c le code pour le questionnaire réel) : Petites expications suppl. : -Q07 = > boutons radio "Oui" et "Non" -Q07a, Q07b, Q07c, Q07d => c une série de 5 boutons radio chacun avec même entête de colonnes d'appréciation (type très satisfaisant, assez satisfaisant etc...) appréciation 1 appréciation 2 appréciation 3 ..... question Q07a bouton radio1 bouton radio 2 bouton radio 3.... question Q07b bouton radio1 bouton radio 2 bouton radio 3... | | - A partir de Q07e => ce sont des checkbox - Q07lField => un champ text area Darty.com - Questions de confiance name "Q07" type "radio" value= "oui" " onclick ="afficher( 'divoui7' );raz ();" unchecked>Oui id "divoui7" style" display:none;"> name"Q07" class"formulaire" value= "non" type ="radio"onClick="cacher('divoui7' );raz ();" unchecked>Non Bon j'espère que c clair !!! Juste je me demande si j'ai utilisé la boucle et si j'ai bien placé la fonction dans le input....je débute en javascript pour info !! :-) pour exemple, si vous pouviez reprendre mon premier code factice... Merci !!!

cs_bultez · Answer

si vous pouviez reprendre votre premier code factice y ajouter ce que vous y faites ( ou voulez y faire ), nous dire ce qui plante, nous montrer...

Cordialement Bul [mon Site] [M'écrire]

louloute8091 · Answer

Ok ...désolée Bon on efface tout et on recommence ...Ma problématique de départ c 'est : "Est ce que, lorsque je clique sur "Non" après avoir renseigné les sous questions du "Oui" (car j'ai changé d'avis par exemple) , les réponses aux sous questions vont - elles être mémorisés lors de l'envoi du formulaire dans une base de données ? " Si non, tout va bien Si oui alors j'ai besoin des les effacer / réinitialiser quand je clique sur "Non" et donc de créer ma fonction que j'ai nommée raz(). Voilà mon exemple : Voilà mais là , quand je fais le test, que je réponds aux sous-questions du "Oui" , que je change d'avis en cliquant sur "Non" et que je rechange d'avis en cliquant sur "Oui" => je vois que mes réponses ont été conservées...hors je veux que tout soit vidé ou décoché....voilà ma seconde problématique ! Qu'est ce qui ne va pas dans mon code ? Merci !

PetoleTeam · Answer

B
onjour à vous tous
une façon d'y arriver peut être celle ci

//-----------------
function Reset( id_){
  //-- Récup l'Objet DIV
  var Ref = document.getElementById(id_);
  //-- Récup les Objets INPUT de l'Objet DIV
  var T_Obj = Ref.getElementsByTagName('input');
  //-- Parcours le tableau d'Objet récupérés
  for( var i=0; i<T_Obj.length; i++){
    //-- Si il est Checked on deChecked
    if( T_Obj[i].checked){
      T_Obj[i].checked = false; 
    }
  } 

}

on peut d'ailleurs deChecked sans test

l'appel se fera donc de la façon suivante
'madiv');Reset('madiv')">NON
;0)

louloute8091 · Answer

Super !!! Ca fonctionne très bien ...par contre j'ai aussi une textarea dans ma div et en m'inspirant de ce que tu as fait, je n'ai pas réussi à faire effacer le contenu de la textarea...
voilà ce que j'ai essayé :

var
T_Obj2=   Ref .getElementsByTagName( 'textarea' );

if
(T_obj2.value <>""){

T_obj2.value  ="";
}

Qu'est ce qui ne va pas ? 

Merci !

cs_bultez · Answer

avec FF : regarder la "console d'erreurs", et mieux télécharger FireBug avec IE, activer le debogage, et mieux télécharger le Debogger IE if ( T_obj2 . value <> "" ) { déjà, les navigateurs ne doivent pas trop aimer le truc en rouge

Cordialement Bul [mon Site] [M'écrire]

louloute8091 · Answer

Merci mais quel est le sigle approprié pour la chaine de caractères...je ne m'en rappelle plus 

Désolée mais je ne connais pas encore tout !!

cs_bultez · Answer

!= mais il te faut une doc. j'use de celle de SelfHTML, en français, téléchargeable. lien vers un .CHM la version HTML existe aussi, bien entendu.

Cordialement Bul [mon Site] [M'écrire]

louloute8091 · Answer

Youpi !! j'ai trouvé comment faire !!! Voilà mon code :

//fonction remise à zéro données div

functionraz(id_){
//-- Récup l'Objet DIV
varRef=   document .getElementById(id_);
varRef2 =document.getElementById(id_);
//-- Récup les Objets INPUT de l'Objet DIV
varT_Obj=  Ref .getElementsByTagName( 'input' );
varT_Obj2  =Ref2.getElementsByTagName('textarea');
//-- Parcours le tableau d'Objet récupérés
for(vari=  0; i <T_Obj.length;i++){
//-- Si il est checked on déchecked
if(T_Obj[i].checked){
T_Obj[i].checked =false;
}
}
for(varj= 0; j <T_Obj2.length;j++){
//
if(T_Obj2[j].value! = "" ){
T_Obj2[j].value ="";
}
}

}

Merci pour votre aide

louloute8091 · Answer

Super !! J'ai réussi !! Voilà mon code maintenant :

/fonction remise à zéro données div

function raz( id_){
  //-- Récup l'Objet DIV
  var Ref = document.getElementById(id_);
  var Ref2 = document.getElementById(id_);
  //-- Récup les Objets INPUT de l'Objet DIV
  var T_Obj = Ref.getElementsByTagName('input');
 var T_Obj2 = Ref2.getElementsByTagName('textarea');
  //-- Parcours le tableau d'Objet récupérés
  for( var i=0; i<T_Obj.length; i++){
    //-- Si il est checked on déchecked
    if( T_Obj[i].checked){
      T_Obj[i].checked = false; 
    }
   }
 for( var j=0; j<T_Obj2.length; j++){
    //vider le champ textarea
   if (T_Obj2[j].value !=""){
 	T_Obj2[j].value="";
    }
   }
 
}

Merci pour votre aide

louloute8091 · Answer

Merci pour ce complément qui n'est pas des moindres ;-)

Remise à zéro champs cachés d'un formulaire

13 réponses

Votre réponse

Discussions similaires