Regarder pour le changement de l'input[type=“checkbox”]

Comment puis-je exécuter une fonction sur la case à cocher changer?

Je suis en train d'écrire la petite case en fonction de remplacement sur la base de cette - mais je suis en train de faire quelque chose de mal.

Code:

(function($) {
    $.fn.checking = function() {
        if ($('.checbox').prop('checked', false) === true) {
            $('.new-checkbox').prop('id', 'unchecked');
        } else {
            $('.new-checkbox').prop('id', 'checked');
        }
    };
})(jQuery);


$(document).ready(function() {

    $('.checkbox').wrap('<div class="checkbox-wrapper"></div>');
    $('.checkbox-wrapper').append('<p class="new-checkbox">Blue = Checked, Red = Unchecked</p>');
    $('.checkbox').checking();
    $('.checbox').bind('change', function() {
        $(this).checking();

    });

});

Aire de jeux: DÉMONSTRATION EN DIRECT

Quittez le marquage de vos titres s'il vous plaît. Nous avons déjà des balises.

OriginalL'auteur Iladarsda | 2011-07-04

  1. 9

    Vous avez quelques fautes de frappe et les erreurs dans votre script.

    if($('.checbox').prop('checked', false) === true)
//        ^                   ^^^^^^^^^^^^^^^^^

    devrait être

    if(this.prop('checked'))

    if($('.checkbox').prop('checked')) serait trop de travail bien sûr, mais pourquoi choisir l'élément nouveau, si vous avez déjà fait un plugin et l'élément est disponible via this?

    Et

    $('.checbox').bind('change', function(){
//     ^

    devrait être

    $('.checkbox').bind('change', function(){
//     ^

    De travail de démonstration: http://jsfiddle.net/fkling/yGBAK/40/

    Cela dit, il est mieux (plus logique) ajouter et supprimer une classe que de changer l'ID de l'élément.

    J'étais sur le point de chercher une erreurs dans l'énoncé! Merci Felix.

    OriginalL'auteur Felix Kling

  2. 15

    Est-ce que vous souhaitez? J'ai l'impression que vous êtes plus que de compliquer les choses.

    $('input[type="checkbox"]').change(function() {
    alert ("The element with id " + this.id + " changed.");
});
    input:checkbox sélecteur fera l'amende juste
    Copier/coller fera l'amende juste. 🙂
    Oui. En fait, j'ai essayé un avant - mais n'ont pas de travail. Je sais il y a un problème avec if/else pas .modifier(); Merci!

    OriginalL'auteur Jon

  3. 7
    $('.checkbox').change(function(){
    alert('changed');
})

    Je usedthe classe que vous avez placé sur la case.case à cocher) pour cela.
    Il détecte un changement dans l'état de la case à cocher (ce qui fonctionne pour d'autres intrants ainsi)

    L'exemple que j'ai inclus des alertes "changés" un la case à cocher est cliqué ou unclicked.

    Si vous voulez savoir si elle est cochée ou pas tout le temps alors:

    $('.checkbox').change(function(){
    if($(this).is(':checked')){
        alert('checked');
    } else {
        alert('not checked');
    }
});

    OriginalL'auteur YonoRan

  4. 1

    Essayez ceci:

    $('input[type=checkbox]').change(function() {
    alert("I'm changed!");
});

    Ou

    $('input[type=checkbox]').change(function() {
    if ($(this).is(':checked')) {
        alert('I\'\m --> checked');
    } else {
        alert('I\'\m --> unchecked');
    }
});

    OriginalL'auteur Fereydoon Barikzehy

  5. 0

    Dans votre exemple, le sélecteur utilise checbox, devrait être ".case à cocher"

    J'ai modifié votre exemple, de sorte qu'il fonctionne: http://jsfiddle.net/yGBAK/41/

    J'ai échangé les id des éléments.

    OriginalL'auteur Kevin Bowersox