[olegalimov]

Доброе время суток.
Подскажите как правильно сделать универсальное условие по выбору чекбоксов?
Есть вот такой код.

.checkboxes_on{display:inline-block;width:100%;height:100%;background:#9acd32;}
.checkboxes{display:inline-block;width:100%;height:100%;padding:0;}

$('[name=checkAll],[name=uncheckAll]').click(function(){
      $tld.prop('checked', [false, true][this.value]);
    $('.checkboxes').addClass('checkboxes_on');

  });
    $('[name=uncheckAll]').click(function(){
    $('.checkboxes').removeClass('checkboxes_on');
    $('.checkboxes').addClass('checkboxes');
  })

  $(".checkboxes").each( function( index, element) {
    var id = $(this).find('input').attr( "id");
    $(this).addClass(id);
    
      $('.ru').click(function(){
        if ($('.checkboxes ru, input').is(':checked')) {
            $(this).addClass('checkboxes_on');
            } else {
          $(this).removeClass('checkboxes_on');
        //	$('.checkboxes').css('backgr1ound','none');
        //	$(this).parent().removeClass('checkboxes');
            }
      });
      $('.rf').click(function(){
        if ($('.checkboxes rf, input').is(':checked')) {
          $(this).addClass('checkboxes_on');
            } else {
          $(this).removeClass('checkboxes_on');
        }
      });
      $('.su').click(function(){
        if ($('.checkboxes su, input').is(':checked')) {
          $(this).addClass('checkboxes_on');
            } else {
          $(this).removeClass('checkboxes_on');
        }
      }); //  и так далее всего 23 чекбоксов

Я не могу решить, если чекбоксы отмечены кнопкой [name=checkAll] , то при снятие чекбокса стиль не изменяется почему-то?
вот скриншот
можно или сделать одну кнопку Выбрать все и снять все, чтоб надписи менялись зависимости от ситуации?
Заранее благодарен за ответы