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 :

Checked d'un input radio


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Novembre 2010
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Novembre 2010
    Messages : 135
    Par défaut Checked d'un input radio
    Bonjour,

    J'essaye depuis un bon moment d'ajouter l'attribut checked à un input de type radio en JS.

    Mais j'obtiens l'erreur suivante : Cannot set property 'checked' of null

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function CheckedRadio(demiJournee){
        if(demiJournee==2) {
            document.getElementById('apresMidi').checked='apresMidi';
            document.getElementById('matin').checked=false;
        }
        else {
            document.getElementById('matin').checked=true;
            document.getElementById('apresMidi').checked=false;
        }
    }
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type='radio' name='demiJournee' value='matin' checked> Matin
     <input type='radio' name='demiJournee' value='apresMidi' > Après-midi

    J'ai beau à chercher sur le net, mais je ne trouve pas ma réponse.

    Avez vous une idée svp?

  2. #2
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input id='matin'  type='radio' name='demiJournee' value='matin' checked> Matin
     <input id='apresMidi'  type='radio' name='demiJournee' value='apresMidi' > Après-midi
    id manquant

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('apresMidi')
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input id='apresMidi'  type='radio' name='demiJournee' value='apresMidi' >

    Quand on te demande ton nom, tu donnes ton âge toi ?
    Ben JavaScript c'est pareil : quand tu lui demandes l'id, il ne te répond pas le value...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre confirmé
    Inscrit en
    Novembre 2010
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Novembre 2010
    Messages : 135
    Par défaut
    Les gars.... Un grand merci.

    J'ai franchement honte de cette oublie.
    Pourtant je sais bien que c'est nécessaire.

    Par contre j'en profite, j'ai un autre problème.
    Tout fonctionne sous Chrome mais pas sous IE8.

    Je vous explique le fonctionnement de ma page.
    J'ai un tableau contenant X Input (avec bien X id différent ), lorsque je clique sur l'un deux, j'affiche au centre de ma page une div qui était caché.
    Avec des infos que je reprend du input. (nom, prenom, id, date) tous ca en javascript.

    Mais sous IE8, j'obtiens le message suivant :
    Détails de l’erreur de la page Web

    Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
    Horodateur : Thu, 25 Jul 2013 06:19:15 UTC


    Message*: Impossible d'activer le contrôle car celui-ci est, soit invisible, soit inactif, soit d'un type ne reconnaissant pas cette fonctionnalité.
    Ligne*: 418
    Caractère*: 13
    Code*: 0
    URI*: http://127.0.0.1/SymfonyLTS/web/app_...g/previsionnel
    Avez vous une idée d'ou cela peut provenir.
    PS dans ma div j'ai des champs caché, qui récupère d'autres valeurs.
    Le problème ne viendrait il pas de la?

    ma fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
            function SaisiePlanning(id,maDate,demiJournee,agent){
                document.getElementById('popupDetail').style.display = 'block';
                document.getElementById('dateDeFin').focus();
                document.getElementById('dateDeDebut').value=maDate;
                document.getElementById('dateDeFin').value=maDate;
                document.getElementById('ModifPlanningAgent').innerHTML=agent;
                document.getElementById('idAgtProd').value=id;
                if(demiJournee==2) {
                    document.getElementById('apresMidi').checked='apresMidi';
                    document.getElementById('matin').checked=false;
                }
                else {
                    document.getElementById('matin').checked=true;
                    document.getElementById('apresMidi').checked=false;
                }
            }

  5. #5
    Membre confirmé
    Inscrit en
    Novembre 2010
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Novembre 2010
    Messages : 135
    Par défaut
    J'ai trouvé pour ma deuxième question.

    C'est mon focus qui planté. Normal car je le faisais sur un champs caché .

    Encore merci de votre aide.

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

Discussions similaires

  1. Input radio : checked="checked" ne fonctionne pas.
    Par Bash01 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/08/2010, 10h03
  2. Pré-cocher input radio checked
    Par nicdo77 dans le forum Langage
    Réponses: 3
    Dernier message: 03/02/2010, 07h27
  3. Input radio et attribut checked pas pris en compte
    Par yann0807 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/10/2009, 16h45
  4. Taille d'un input radio
    Par messa dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 24/08/2006, 13h58
  5. Activer boutons checkbox SEULEMENT si un input radio est coché
    Par bobic dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 28/04/2006, 14h05

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