alle Kontrollkästchen in der Kopfzeile wählen, alle Kontrollkästchen in dieser Spalte wählen

Question

ich den Code verwendet habe:

<script type="text/javascript"> 
    $(window).load(function() { 
    $(document).delegate(".checkall", "click", function(event) { 
     $(this).closest("table").find(':checkbox').attr('checked', this.checked); 
    }); 
    }); 
</script> 

Dieser Code funktioniert prima, wenn ich das Kontrollkästchen in der Kopfzeile zum ersten Mal aktivieren/deaktivieren. Aber wenn ich das Kontrollkästchen erneut anwähle, funktioniert dieser Code nicht. Die Kontrollkästchen sind nicht ausgewählt.

Answer 1

Sie sollten .prop() statt .attr() verwenden. Und Sie müssen prüfen, ob ein Element bereits aktiviert ist.

... 
    var $checkbox = $(this).closest("table").find(':checkbox'); 
    if ($checkbox.is(':checked')) $checkbox.prop('checked', false); 
    else       $checkbox.prop('checked', true); 
...