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

jQuery Discussion :

UI Button, comment puis-je cocher une checkbox ?


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 12
    Par défaut UI Button, comment puis-je cocher une checkbox ?
    Bonjour,

    [Edit 2010-10-16 01:25 par danielhagnoul] Widget UI Button
    ---------------------------

    Je découvre JQuery et JQuery UI. Dans ce dernier, je souhaite dans mon script cocher une checkbox.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function Check()
    {
            $('#check1').button("option","checked", true);
    }
    Là, ma chexkbox est bien considéré comme coché. Mais le skin ne change pas. La classe ui-state-active qui devrais être:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input type="checkbox" id="check1" class="ui-helper-hidden-accessible"/>
    <label for="check1" aria-pressed="false" class="ICI ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-state-hover" role="button" aria-disabled="false">
    <span class="ui-button-text">B</span>
    </label>
    N'est pas appliqué. je lutte depuis plusieurs heures sur ce pb, quelqu'un a t'il était dans la même impasse?

    Je pense qu'il faut faire un $('#check1').addclass("ui-state-active") mais il ne l'applique pas au label. Comment lui dire que c'est au label sachant que je n'ai pas d'ID avec.

  2. #2
    Rédacteur
    Avatar de Arnaud F.
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Août 2005
    Messages
    5 183
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Août 2005
    Messages : 5 183
    Par défaut
    Bonjour,

    Pourquoi passer par button pour changer la propriété de ce qui est censé être une checkbox?
    C'est par l'adresse que vaut le bûcheron, bien plus que par la force. Homère

    Installation de Code::Blocks sous Debian à partir de Nightly Builds

  3. #3
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 12
    Par défaut
    Ben, c'est à cause de JQuery UI

    Documentation ici

    Le truc me plait bien, mais j'avoue ne pas bien comprendre leur doc, je dois rater un petit quelques chose qui m'empêche par programmation de cocher des cases.

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    // même avec le widget button, checked est toujours un attribut
    $("#check1").attr("checked","checked"); // pour sélectionner
    // $("#check1").attr("checked",""); // pour déselectionner

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre averti
    Inscrit en
    Avril 2010
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 12
    Par défaut
    Merci danielhagnoul, mais j'avais déjà essayé cette syntaxe.

    Ce n'est pas probant. En gros la valeur du checker devient true mais il ne prend pas le skin d'un bouton enfoncé.

    La classe ui-state-active n'est toujours pas là où elle devrait être.

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonjour

    Comme il s'agissait de ma première question sur le widget button 1.8.5, j'avais bien entendu testé avant de donner la réponse et le bouton changeait d'état. Vous n'auriez pas oublié d'inclure les styles UI ?

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 18/07/2011, 20h07
  2. [VB6]Comment puis-je passer une ComboBox en argument?
    Par Xan dans le forum VB 6 et antérieur
    Réponses: 20
    Dernier message: 26/02/2007, 15h03
  3. cocher une checkbox en fonction de son nom
    Par boss_gama dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/09/2006, 16h42
  4. Cocher une checkbox dans word a partir de vb6
    Par morgan47 dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 11/07/2006, 10h53
  5. Réponses: 2
    Dernier message: 03/07/2006, 20h14

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