jQuery cacher div lors de la case cochée, afficher sur décoché

Je suis en train d'essayer de cacher div lorsque l'utilisateur clique sur la case, et de l'afficher lorsque l'utilisateur décoche cette case à cocher.
HTML:

<div id="autoUpdate" class="autoUpdate">
   content
</div>

jQuery:

<script>
$('#checkbox1').change(function(){
        if (this.checked) {
            $('#autoUpdate').fadeIn('slow');
        }
        else {
            $('#autoUpdate').fadeOut('slow');
        }                   
    });
</script>

Je vais avoir du mal à obtenir ce travail.

cette question peut-être vous aider stackoverflow.com/questions/3312502/...

OriginalL'auteur user2035638 | 2013-02-07

  1. 38

    Assurez-vous d'utiliser le ready événement.

    Code:

    $(document).ready(function(){
    $('#checkbox1').change(function(){
        if(this.checked)
            $('#autoUpdate').fadeIn('slow');
        else
            $('#autoUpdate').fadeOut('slow');

    });
});
    Je crois que ce doit être la question, que le code fonctionne très bien sur jsFiddle: jsfiddle.net/mxRCz
    Okey, je vais vérifier mon code à nouveau.
    J'ai trouvé où j'ai eu mon problème. <label> balises a été à l'origine de ce problème. <label id="checkbox1"><input type="checkbox" id="checkbox1" checked="checked" /></label> Travail si je supprimer <label> balises. Merci!!!!
    La bonne façon de le faire avec l'étiquette est: <label for="cbText">Blabla</label> <input type="checkbox" value="" id="cbText" /> donc la case à cocher doit être à l'extérieur de la balise d'étiquette

    OriginalL'auteur gdoron

  2. 1

    HTML

    <input type="checkbox" id="cbxShowHide"/><label for="cbxShowHide">Show/Hide</label>
<div id="block">Some text here</div>

    css

    #block{display:none;background:#eef;padding:10px;text-align:center;}

    javascript /jquery

    $('#cbxShowHide').click(function(){
this.checked?$('#block').show(1000):$('#block').hide(1000); //time for show
});

    OriginalL'auteur overflow