CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

JQuery - affichage/cache dynamique

Dio94
Dio94
Niveau 15
17 janvier 2012 à 12:35:42

Bonjour,
je cherche a creer une fonction en jquery qui me permettra d'afficher/cacher dynamiquement des liens , en fonction de checkbox.

J'aimerais donc que lorsque la checkbox est validée (ce qui est d'ailleurs défini par défaut par moi avec l'attribut "checked" ) , les liens soient affichés.
Mais dès que je clique pour enlever la croix de la checkbox, ceux ci disparaissent.

INversement, en recliquant dessus, les liens réapparaissent.

Avez vous une idée de comment je peux faire ma fonction? et ou l'inclure dans la page?

J'ai pensé pour commencer a choisir la checkbox en question, par son id (y'en aura plusieurs)
et de cacher les liens , avec la fonction hide(). ceci quand je décoche la checkbox.

et utiliser show(); quand je coche la checkbox

Dès lors, est -il possible de faire ça :

$("#IDcheckBox:not(:checked)").click($(".liens").s
how());

et

$("#IDcheckBox:checked").click($(".liens").hide())
;

et de mettre en html

<input id="IDcheckBox" type="checkbox" style="float:left;" checked="checked">

<label class='liens'style="color:black; float:right ;font-size:60%" for="Sans-Commercial">Sans-Commercial </label>

<label class='liens'style="color:black; float:right ;font-size:60%" for="Sans-Commercial">Sans-Commercial </label>
<label class='liens'style="color:black; float:right for="Sans-Commercial">Sans-Commercial </label>

j'ai mis des labels ici, mais je pense que ça n'a pas d'importance , vu que je veux juste travailler avec l'attribut class ;)

Merci de votre aide =)

Dio94
Dio94
Niveau 15
17 janvier 2012 à 12:54:32

Bon bah j'ai trouvé quelque chose d'intéressant =)

$("#IDcheckBox").click(function () {
$(".liens").toggle();
});

j'utilise la checkbox et ça désactive bien comme il faut =)

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment