Alert onchange checkbox (checked et unchecked)

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 17 Mars 2018.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    906
    J'aime reçus:
    15
    Salut à tous,

    J'ai plusieurs checkbox, je voudrais qu'une alert javascript s'affiche si l'on sélectionne ou désélectionne la checkbox ayant la valeur toto2 : http://jsfiddle.net/rp2cn596/1/

    Pour l'instant ça fonctionne lorsqu'on sélectionne la checkbox ayant la valeur toto2 mais ça ne marche pas lorsqu'on la désélectionne, comment faire ?

    Merci pour votre aide.
     
  2. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 500
    J'aime reçus:
    30
    Bonjour poupilou

    Les events : onchange et onclick ?

    Il faudrait rajouter au code ci-dessous ( piqué sur le net ), l'identification du checkbox cliqué.

    C'est une base à adapter.

    Respectueusement.


    Code:
    
    var activities = document.getElementById("activitySelector");
    activities.addEventListener("click", function() {
        var options = activities.querySelectorAll("option");
        var count = options.length;
        if(typeof(count) === "undefined" || count < 2)
        {
            addActivityItem();
        }
    });
    activities.addEventListener("change", function() {
        if(activities.value == "addNew")
        {
            addActivityItem();
        }
    });
    function addActivityItem() {
        // ... Code to add item here
    }
    
    
     
    #2 ortolojf, 18 Mars 2018
    Dernière édition: 18 Mars 2018
  3. Koxin-L.fr
    Koxin-L.fr WRInaute passionné
    Inscrit:
    15 Janvier 2012
    Messages:
    1 879
    J'aime reçus:
    6
    Slt,
    Tout simplement. ;-)
    Code:
    $('input:checkbox[name=toto]').change(function() {
      var ischecked = $(this).is(':checked');
      var checkbox_value = $(this).val();
     
      if(checkbox_value=='toto2'){
        if(ischecked)alert('checked ' + checkbox_value);
        if(!ischecked)alert('unchecked ' + checkbox_value);
        }
    });
    
     
  4. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    906
    J'aime reçus:
    15
    Merci pour vos réponses.

    La solution de Koxin marche parfaitement bien :)
     
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    906
    J'aime reçus:
    15
    Salut à tous.

    J'ai les 2 fonctions ci-dessous qui ne fonctionne pas avec Safari, je ne vois pas ce qu'il faudrait modifier afin que ça fonctionne avec ce navigateur et que ce soit aussi compatible avec les autres navigateurs !

    Code:
    $('input:checkbox[name=certificat]').click(function() {
      var ischecked = $(this).is(':checked');
      var checkbox_value = $(this).val();
      if(checkbox_value=='AGS'){
        if(ischecked){document.location.href = window.location.href;}
        if(!ischecked){document.location.href = window.location.href;}
      }
    });
    
    Code:
    $('input:checkbox[name=forme-taille]').click(function() {
        var choix_forme_taille = [];
        $('input:checkbox[name=forme-taille]:checked').each(function() {
           choix_forme_taille.push($(this).val());
        });
        if (choix_forme_taille.length) {
           var choix2 = choix_forme_taille.join(', ');
           var GetUrlActuelle = window.location.href;
           var GetShape = choix2.match(/,/);
           if(GetShape==null){
              var GetFormeTailleUrl = [];
              $('input:checkbox[name=forme-taille]:checked').each(function() {
              GetFormeTailleUrl.push($(this).attr("data-url"));
              });
              if(GetFormeTailleUrl != GetUrlActuelle && TypePage != 'couleur'){document.location.href = GetFormeTailleUrl;}
              if(TypePage == 'couleur'){document.location.href = GetUrlActuelle;}
           }
        }
    });
    
    Merci pour votre aide.
     
Chargement...
Similar Threads - Alert onchange checkbox Forum Date
Surveillance SEO onsite de tout un site / monitoring / alertes Techniques avancées de référencement 3 Juin 2021
Nouvelle alerte CMP sur compte Adsense AdSense 13 Août 2020
Styliser popup alert javascript Développement d'un site Web ou d'une appli mobile 16 Mars 2020
Alerte backlink Netlinking, backlinks, liens et redirections 13 Juillet 2016
Alerte Google et non remontée d'info Référencement Google 15 Juin 2016
Solution d'alerte en cas de bug site ? Administration d'un site Web 13 Février 2016
Alerte Smartscreen - hameçonnage Edge et Explorer Problèmes de référencement spécifiques à vos sites 11 Novembre 2015
Contenu dupliqué : un nouvel outil pour alerter Google Référencement Google 28 Février 2014
Alertes email Google Analytics Google Analytics 28 Octobre 2013
Message alerte Navigateur Développement d'un site Web ou d'une appli mobile 22 Octobre 2013
Avis site Alertesalaire.com Demandes d'avis et de conseils sur vos sites 5 Juin 2013
Google alert très bizarre... Référencement Google 13 Décembre 2012
Résultat de recherche Google Alerte Google : l'entreprise, les sites web, les services 12 Novembre 2012
Perte de positionnement depuis 3 mois sans alerte gg Débuter en référencement 10 Août 2012
Nouveau Blog, articles non visibles dans Google Alertes Débuter en référencement 30 Juin 2012
Google alert Problèmes de référencement spécifiques à vos sites 11 Juin 2012
Comment bien rédiger sa requête de recherche sur Google Alertes? Débuter en référencement 5 Juin 2012
Recherche d'un outil d'alerte de mot-clé Tests et études de cas 16 Mai 2012
Alerte (IMAGE) Développement d'un site Web ou d'une appli mobile 11 Mars 2012
Recevoir des alertes pour les commentaires Facebook d'un article Facebook 11 Février 2012