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 :

activation d'input text avec un bouton radio


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 9
    Par défaut activation d'input text avec un bouton radio
    bonjour, je souhaite activé des input texte en cliquant sur un bouton radio qui permettrait d'activé le bon input.

    voici mon code html où je crée mes boutons radio et mes input texte
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <input type='radio' name='affiche' value='lien' onclick='choixImage(this)' />
    <input type='radio' name='affiche' value='fichier' onclick='choixImage(this)' />
    <input type='text' id='lienAffiche' name='lienAffiche' onblur='verification()' disabled='disabled' />										<input type='file' id='fichierAffiche' name='fichierAffiche' onblur='verification()' disabled='disabled' />*
    et voici mon code javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    //récupère le nom du bouton radio qui a été coché
    var nom = formulaire.value;
     
    //concatene Affiche au nom pour activé le bon lien
    var nomLien = nom + 'Affiche';
    alert("id"+document.getElementById('lienAffiche'));
    //désactive les deux champs
    document.getElementById('lienAffiche').disable = true;
    document.getElementById('fichierAffiche').disable = true;
     
    //active le bon champ
    window.document.ajouterEnregistrement.nomLien.disabled = "true";
    bon je bloque un peu car n'étant pas un pro du javascript car je débute dedans. j'arrive à récupérer la valeur du bouton radio qui est coché mais ensuite, j'arrive pas à activer les input texte.

  2. #2
    Membre chevronné
    Avatar de FMaz
    Inscrit en
    Mars 2005
    Messages
    643
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 643
    Par défaut
    Bon, j'imagine que le code JS que tu nous donne est dans une fonction qui doit ressembler à ca, exact ?:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    choixImage = function(formulaire)
    {
       ... ton code JS ...
    }

    Partant de cette prémice, il faut que tu test la propriété checked pour savoir si ton bouton est coché ou pas, et non sa valeur.

    Aussi, la variable formulaire n'est pas un bon choix de nom, car ce n'est pas le formulaire ou son instance ou son nom ou rien de relié que tu transmet, mais le champ.

    Après il semble que tu ai quelques problèmes de constances:
    - c'est .disable ou .disabled ?
    - true à un endroit, et "true" à l'autre ?

  3. #3
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 9
    Par défaut
    oui c'est cela, il est dans une fonction qui se trouve dans un fichier .js séparé du fichier html.

    ensuite je récupère bien la valeur du bouton qui est validé. j'ai testé avec l'option checked mais je n'arrive pas à avoir le résultat alors que comme cela, j'arrive à avoir le bon nom mais je sais que cela n'est pas propre mais cela fonctionne.

    puis le nom formulaire vient d'un copié-coller auquel j'ai oublié de modifier le nom.

    sur les différents sites web que j'ai trouvé, ils utilisent donc les 2 méthodes donc je les aient testé mais je n'arrive pas à en faire marcher une.

    bon je ne vois pas comment réaliser l'activation des mes input après avoir cocher un de mes boutons radio. car en passant par l'attribut "disable" de l'input ou par le document en lui-même.

  4. #4
    Membre chevronné
    Avatar de FMaz
    Inscrit en
    Mars 2005
    Messages
    643
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 643
    Par défaut
    Ton code est pas bon. Je ne sais pas ce que tu veux faire, mais plus je le regarde, plus je me dis que tu nous cache des erreurs JS.

    ajouterEnregistrement c'est quoi ?

    et as-tu vérifier si c'est disabled ou disable ?

    Pour valider si une case est cochée, tu dois utiliser .checked.
    Pour obtenir la valeur d'une case (peu-importe si elle est cochée ou pas), tu dois utiliser .value.

    Voilà, tu as tous les outils pour faire fonctionner ton truc.

Discussions similaires

  1. Select activable avec des boutons radio (IE :S)
    Par Fabthebug dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/09/2009, 15h49
  2. Donner le focus a un input text avec un radio
    Par hraiwen dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 02/04/2009, 12h02
  3. Probleme avec les boutons radio
    Par aproust dans le forum Linux
    Réponses: 3
    Dernier message: 11/05/2006, 08h05
  4. Prob avec les boutons radio
    Par King_T dans le forum Langage
    Réponses: 2
    Dernier message: 10/05/2006, 00h44
  5. Form + input text avec espace
    Par psykbe dans le forum Langage
    Réponses: 3
    Dernier message: 23/02/2006, 14h22

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