Comment détecter une case à cocher, cliquez en jQuery

Je ne peut pas détecter le moment et dont la case obtient cliqué à partir d'un script ci-dessous:

Extrait de code HTML:

<label for="checkbox[1]"><input type="checkbox" name="checkbox[1]" id="checkbox[1]" class="detectThisChange" value="10.00" checked=""> Amount $10.00</label>
<label for="checkbox[2]"><input type="checkbox" name="checkbox[2]" id="checkbox[2]" class="detectThisChange" value="20.00" checked=""> Amount $20.00</label>
<label for="checkbox[3]"><input type="checkbox" name="checkbox[3]" id="checkbox[3]" class="detectThisChange" value="30.00" checked=""> Amount $30.00</label>

jQuery Extrait de:

$(document).ready(function() {
  $(window).load(function() {
//... //
        $('.detectThisChange').change(function(event){
          var targetID = triggerEvent.target.id; //get the id that triggered the event
          var posStart = targetID.indexOf('[') + 1;
          var posEnd = targetID.indexOf(']');
          var i = targetID.substring(posStart, posEnd); //get the index of the id that triggered the event

          if ( $('#checkbox\\['+ i +'\\]').prop('checked') != true ) {
            alert('checkbox ' + i + ' was checked');
          }
          else {
            alert('checkbox ' + i + ' was unchecked');
          }

        });
//... //
  }); //end .load()
}); //end .ready()

Ajouté:

Le problème que je rencontre est qu'aucun de mes alertes travail. Alors qui me dit que le changement de fonction n'est pas à la cuisson.

cela peut vous aider: stackoverflow.com/questions/7919716/...
Remplacer != avec ==
Ok, merci @97ldave. Le choix de la réponse, ce qui ne l'id frameName partie de jQuery("#frameName").contents() représenter?
Merci @BhojendraSah. Voir mon commentaire ajouté dans mon OQ. Le changement de fonction() n'est même pas de tir.
Merci @Inventer L'Animation. Mon problème est que je ne peux pas accéder à mon changement de fonction ().

OriginalL'auteur H. Ferrence | 2014-12-24

  1. 8

    Si vous ajoutez ce code HTML dinamically, vous devez utiliser l' .sur la méthode, comme:

    $(document).on('change', '.detectThisChange', function() {
    //your code
});

    Essayez-le et laissez-moi savoir si cela aide.

    essayer maintenant @EvertonLenger -- merci
    GÉNIAL !! Qui a fait le tour. Merci @EvertonLenger !
    Je suis tombé dans cette tellement de fois que c'est la première chose que je vérifie quand ça ne fonctionne pas.. Content que contribué à! 🙂

    OriginalL'auteur Everton Lenger

  2. 5

    Essayez comme ceci 

    $("input[type=checkbox]").is(":checked") //returns boolean checked or unchecked
       var arr = [];
    $("input[type=checkbox]").each(function () {
        var self = $(this);
        if (self.is(':checked')) {
            arr.push(self.attr("id"));
        }
    });
    console.log(arr);

    Édité:

    $("input[type=checkbox]").on('change', function () {
    var self = $(this);
    if (self.is(":checked")) {
        console.log("checkbox  id =" + self.attr("id") + "is checked ");
    } else {
        console.log("Id = " + self.attr("id") + "is Unchecked ");
    }
});

    Édité 2 :

    $("body").on('change','.detectThisChange', function () {
    var self = $(this);
    if (self.is(":checked")) {
        console.log("checkbox  id =" + self.attr("id") + "is checked ");
    } else {
        console.log("Id = " + self.attr("id") + "is Unchecked ");
    }
});

    Travail De Démonstration

    Apprendre jQuery: Simple et facile tutos jQuery blog

    J'ai besoin d'obtenir mon écouteur d'événement pour travailler d'abord @Satindersingh. Alors je suis sûr que votre réponse va travailler.
    pls vérifier mes mises à jour de réponse avec le travail de démonstration
    qui ressemble à une nouvelle approche. donnez-moi un moment pour essayer @Satindersingh
    Mais j'ai plus de 20+ cases à cocher ion mon script @Satindersingh. Est-ce que ce feu sur chaque case cochée?
    vous pouvez configurer votre sélecteur en conséquence comme si vous voulez pour l'élément ayant la classe detectThisChange ensuite utiliser $(".detectThisChange").on('change',function(){});

    OriginalL'auteur Satinder singh

  3. 1

    Essayez ceci : 

    $(".detectThisChange").on('change', function () {

    alert("In the function");
    var targetID = this.id; //get the id that triggered the event
    var posStart = targetID.indexOf('[') + 1;
    var posEnd = targetID.indexOf(']');
    var i = targetID.substring(posStart, posEnd); //get the index of the id that triggered the event

    if ($('#checkbox\\[' + i + '\\]').prop('checked') == true) {
        alert('checkbox ' + i + ' was checked');
    } else {
        alert('checkbox ' + i + ' was unchecked');
    }
});

    Voici la JSFiddle, même si vous avez une réponse 🙂

    OriginalL'auteur Mark C.

  4. 0

    Essayer:)

    if ( $('#checkbox\\['+ i +'\\]').is(":checked") ) {
  alert('checkbox ' + i + ' was checked');
}
else {
  alert('checkbox ' + i + ' was unchecked');
}
    Je suis sûr que votre réponse sera work @BhojendraSah une fois que je le change()la fonction de feu.

    OriginalL'auteur Bhojendra Rauniyar