IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Vider champ texte par bouton radio


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Mai 2006
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 93
    Points : 54
    Points
    54
    Par défaut Vider champ texte par bouton radio
    Bonjour à tous, je développe un intranet en Html/PHP mais bien sur l'utilisation du javascript est parfois tres utile, seulement je débute.
    Et je chercher donc comment vider un champ texte en parssant par radioboutons, je m'explique :

    J'ai deux bouton radio ( oui / non)
    et quand je clique sur le non, j'aimerai qu'il me vide ma textbox (ex : champ)

    J'ai trouvé une fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function raz()
    {
    document.form1.getElementById(Champ).value = '';
    }
    et au click de mon bouton radio

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input name="patho_fam" type="radio" onClick="raz();" value="Non" >
    ca me parait juste pourtant !

    Merci d'avance

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    à qq ajustements près
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function raz(id_Champ)
    {
    document.form1.getElementById(id_Champ).value = '';
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input name="patho_fam" id="patho_fam" type="radio" onClick="raz(this.id);" value="Non" >
    A+

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function raz(Obj)
    {
    Obj.value = '';
    }
     
     
    <input name="patho_fam" id="patho_fam" type="radio" onClick="raz(this);" value="Non" >

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    @ SpaceFrog > En relisant : même erreur que moi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onClick="raz('Champ');"
    (vu que c'est pas un raz du radio qu'on veut)
    et donc
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function raz(id_Champ)
    {
    document.form1.getElementById(id_Champ).value = '';
    }


    A+

  5. #5
    Membre du Club
    Inscrit en
    Mai 2006
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 93
    Points : 54
    Points
    54
    Par défaut
    Bizar ca marche tjs pas !

    pourtant si j'ai bien capté, id_champ on écri pareil et il faut just mettre l'id du champ dans le onclick ??

    est ce que d'autre fonction peuvent faire interferance ??

    Merci

  6. #6
    Membre du Club
    Inscrit en
    Mai 2006
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 93
    Points : 54
    Points
    54
    Par défaut
    ben le nom de mon champs et l'id de mon champ sont les meme dc bon !!
    et meme en differenciant c pareil !

  7. #7
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(id_Champ).value = '';


    A+

  8. #8
    Membre du Club
    Inscrit en
    Mai 2006
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 93
    Points : 54
    Points
    54
    Par défaut
    Yes merci ! je viens d'essayer la soluce de spaceFrogg ca marche !
    Merci egalement E.Bzz pour le coup main.

    A ++ bonne soiré

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    this passé en paramètre => this.value
    oui le champs a vider n'est donc pas this ...


    donc il faut passe les champs en question en paramètre ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <inout type='radio' onclick="raz(document.getElementById('champstexte')" ...

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    ceci étant niveau ergonomie c'est pas top parceque ce code ne tient pas compte de l'état du boutpn radion (coché ou non)

  11. #11
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par SpaceFrog
    ceci étant niveau ergonomie c'est pas top parceque ce code ne tient pas compte de l'état du boutpn radion (coché ou non)
    Heu, si, vu que id="patho_fam" est sur le choix "non".
    Bien sûr, faut pas faire la même pour "oui" (ni lui coller le même id) ...

    A+

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. aligner texte et boutons radio /checkbox
    Par Tr@nkill dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 19/04/2006, 13h23
  2. Masquer un champ si un bouton radio est cocher
    Par 12_darte_12 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 22/02/2006, 16h49
  3. [Javascript] Masquer un champ si un bouton radio est cocher
    Par 12_darte_12 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 22/02/2006, 15h52
  4. Clique dans champ texte => sélection de radio
    Par Huntress dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 02/11/2005, 14h05
  5. faire disparaitre du texte par rapport à radio bouton
    Par allowen dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/10/2005, 14h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo