Case à cocher avec javascript

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par dg_dev, 9 Août 2012.

  1. dg_dev
    dg_dev Nouveau WRInaute
    Inscrit:
    21 Novembre 2011
    Messages:
    3
    J'aime reçus:
    0
    Bonjour,
    Il s'agit probablement d'une erreur moulte fois rencontrée mais je ne trouve pas la solution.
    Pourquoi le script simple suivant ne fonctionne pas ?
    Que ma case soit cochée ou non, seul le message demandant de la cocher s'affiche :(
    /**********************/
    <html>
    <head>
    <script type="text/javascript" src="Scripts/jquery-1.7.2.js" charset="UTF-8"></script>
    <script type="text/javascript">
    function CheckValid() {
    if (document.getElementById('CaseValid').checked == 'checked') {
    alert ("Validation possible.")
    } else {
    alert ("Cocher la case avant de valider.")
    }
    }
    </script>
    </head>
    <body>
    <form method="POST" name='FormVal' id='FormVal' action="">
    <input type="checkbox" id="CaseValid" name="CaseValid" />
    <a href='#'>
    <img src='Images/Btn-VALIDER.png' id="BtnVal" style='cursor: pointer; border: none;' onClick="CheckValid();">
    </a>
    </form>
    </body>
    </html>
    /********************************************/
    D'avance merci de votre aide...
     
  2. Axiso
    Axiso WRInaute passionné
    Inscrit:
    8 Avril 2004
    Messages:
    1 209
    J'aime reçus:
    0
    Remplace par ceci :
    Code:
    if (document.getElementById('CaseValid').checked == true)
    Le "checked" est peut-être spécifique au Jquery.
     
  3. dg_dev
    dg_dev Nouveau WRInaute
    Inscrit:
    21 Novembre 2011
    Messages:
    3
    J'aime reçus:
    0
    Bonjour,
    Merci de ta réponse.
    Il ne s'agit pas d'une spécificité de Jquery mais juste de la mauvaise interprétation de ma condition.
    La bonne syntaxe étant :
    ... if (document.getElementById('CaseValid').checked) ...
    Cordialement,
    Dg_Dev
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 072
    J'aime reçus:
    295
    Pourquoi faire un document.getElementById('CaseValid') alors que jQuery est chargé:
    => $('#CaseValid')...
     
  5. dg_dev
    dg_dev Nouveau WRInaute
    Inscrit:
    21 Novembre 2011
    Messages:
    3
    J'aime reçus:
    0
    Bonsoir,
    Très juste... mais au démarrage je ne l'avais pas chargé et ton observation est pertinente, j'ai d'ailleurs suivi cette idée pour éclaircir mon code depuis.
    Merci de ta réponse...
    Cordialement.
     
  6. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    ce qui est la même chose que :
    if (document.getElementById('CaseValid').checked == true)
    l'égalité a "vrai" étant superflue vue que l'expression est booléenne. Bref la réponse de Axiso est juste même si elle est "plus lourde".
     
  7. Axiso
    Axiso WRInaute passionné
    Inscrit:
    8 Avril 2004
    Messages:
    1 209
    J'aime reçus:
    0
    Pff ! C'est toi qu'es lourd, t'as vu ton bide sur ton avatar ! :p
     
  8. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    :lol: ça y est ma femme a balancé des infos privé sur le forum :(
     
Chargement...
Similar Threads - Case cocher javascript Forum Date
Vérification plusieurs case à cocher Développement d'un site Web ou d'une appli mobile 10 Janvier 2013
Case à cocher + update instantané des infos Développement d'un site Web ou d'une appli mobile 31 Mars 2011
déplacement d'un bloc dans des cases sur une grille Développement d'un site Web ou d'une appli mobile 24 Octobre 2019
Multiples CASE dans un SELECT Développement d'un site Web ou d'une appli mobile 10 Juin 2014
votre avis sur (www.lacasedepapa.com) Demandes d'avis et de conseils sur vos sites 16 Septembre 2011
Comment rendre une base MySQL case insensitive (non sensible à la casse) ? Développement d'un site Web ou d'une appli mobile 10 Juillet 2010
Importance du pluriel/singulier et sensible à la case Rédaction web et référencement 27 Décembre 2009