anchor.diff:          new_selected_graders_in_groups.splice(new_selected_graders_in_groups.indexOf(group_grader_id), 1);
         }
         this.props.onSelectedGradersInGroupsChange(new_selected_graders_in_groups);
  +    },
  +    graderInCriteriaCheckboxClicked: function(event) {
  +      var value = event.currentTarget.checked;
  +      var criterion_grader_id = parseInt(event.currentTarget.getAttribute('id'), 10);
  +      var new_selected_graders_in_criteria = this.props.selected_graders_in_criteria.slice();
  +      if (value) {
  +        new_selected_graders_in_criteria.push(criterion_grader_id);
  +      } else {
  +        new_selected_graders_in_criteria.splice(new_selected_graders_in_criteria.indexOf(criterion_grader_id), 1);
  +      }
  +      this.props.onSelectedGradersInCriteriaChange(new_selected_graders_in_criteria);
       },
       render: function() {
         var group_columns = [
  
positive.code:             <input id={group.graders[i].membership_id}
                type='checkbox'
                checked={this.props.selected_graders_in_groups.indexOf(group.graders[i].membership_id) !== -1}
                onChange={this.graderCheckboxClicked} />{group.graders[i].user_name}</div>);
          }
          g['graders'] = graders;
          g['coverage'] = <span dangerouslySetInnerHTML={{__html: group.coverage}} />;
  
negative.code:             <input id={criterion.graders[i].criterion_association}
                type='checkbox'
                checked={this.props.selected_graders_in_criteria.indexOf(criterion.graders[i].criterion_association) !== -1}
                onChange={this.graderInCriteriaCheckboxClicked} />{criterion.graders[i].user_name}</div>);
          }
          c['graders'] = graders;
          c['coverage'] = <span dangerouslySetInnerHTML={{__html: criterion.coverage}} />;
  