javascript - jQuery - 复选框正在计数，但单击全选复选框时不计数

Question

我有一个简单的脚本来计算所有已检查的.checkboxes。当单独检查它们时，计数工作得很好，但是当我选择 .checkall 复选框时，它不计数。我确实尝试将 $checkboxes 变量更改为 input[type=checkbox]，但计数不正确。

jsfiddle - http://jsfiddle.net/darcyvoutt/rv4j8ghn/

代码:

      // Select all checkboxes
      $(document).ready(function() {
        $('.checkall').click(function(event) {  
          if (this.checked) {
            $('.checkboxes').each(function() {
              this.checked = true;
            });
          } else {
            $('.checkboxes').each(function() {
              this.checked = false; 
            });         
          }
        });      
      });

      // Count Checkboxes
      $(document).ready(function(){
        var $checkboxes = $('.checkboxes');
        var checkall = $('.checkall:checked');

        $checkboxes.change(function(){ 
          var count = $checkboxes.filter(':checked').length;              
          $('.counted').val(count);
        });
      });

Answer 1

$(document).ready(function () {
    $('.checkall').click(function (event) {    
    $('.checkboxes').prop('checked', this.checked);
    var $checkboxes = $('.checkboxes');
    var count = $checkboxes.filter(':checked').length;
    $('.counted').val(count);
   });
});

您必须在 checkall 点击事件中添加复选框选中计数代码。

演示:

http://jsfiddle.net/h7zprokf/2/