Background color selection

Background color selection

I have a problem with this code here:  https://jsfiddle.net/09aue04a/  When I try individual highlighting, it works. but I can't make it work for highlighting "Select all" with different colors. 

  2. $(function () {
  3.   $('.selector').on('click', function(e) {
  4.     var checked = this.name;
  5.     var selectedColor = '';

  7.     if (this.checked) {
  8.       selectedColor = $('#nextColor').val();

  10.       }
  11.     $('td').filter(function() {
  12.       return this.textContent == checked;
  13.     }).css('background-color', selectedColor);
  14.   });
  15.   
  16.   $('.all').on('click', function(e) {
  17.     var checked = this.name;
  18.     var selectedColor = '';

  20.     if (this.checked) {
  21.       selectedColor = $('#nextColor').val();

  23.       }
  24.     $('#form1').find('td').css('background-color', selectedColor);
  25.   });
  26. });