关于在jQuery中工作的Change事件

当我单击单个复选框时,它会更改并变为绿色.但是当我检查全天时,会检查所有复选框,但颜色不会改变.检查完整一天后,我取消选中所有仍然全天检查.我被困了,这段代码出了什么问题？

$(document).ready(function() {


  $('input:checkbox[name="time"]').change(function() {
    $('input:checkbox[name="time"]:not(:checked)').parent().removeClass("active");
    $('input:checkbox[name="time"]:checked').parent().addClass("active");
  });
});

function selectAll(source) {
  checkboxes = document.getElementsByName('time');
  for (var i in checkboxes)
    checkboxes[i].checked = source.checked;
}

.timing {
  width: 500px;
}

.timing label {
  width: 100px;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.timing label input {
  display: block;
}

.timing label.active {
  background-color: rgba(0, 204, 0, 1);
}

  11:30
  12:00
  12:30




Full Day

$('input:checkbox[name="time"]').change(function() {
  $(this).closest('label').toggleClass('active', this.checked);
});

$('#selectall').change(function() {
  $('input:checkbox[name="time"]').prop('checked', this.checked).trigger('change');
});

.timing {
  width: 500px;
}

.timing label {
  width: 100px;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.timing label input {
  display: block;
}

.timing label.active {
  background-color: rgba(0, 204, 0, 1);
}

  
    
    11:30
  
  
    
    12:00
  
  
    
    12:30
  



  
  Full Day