Alert onchange checkbox (checked et unchecked)

[poupilou]

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.

 

[ortolojf]

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.

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
}

 

[Koxin-L.fr]

Slt,
Tout simplement. ;-)

$('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);
    }
});

 

[poupilou]

Merci pour vos réponses.

La solution de Koxin marche parfaitement bien

 

[poupilou]

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 !

$('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;}
  }
});

$('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.