js

  $(function(){
    var $all = $('#selectAllButton input[type="radio"]').change(function () {
      $sectionchecks.prop('checked', true).trigger('change');
      $none.closest('label').removeClass('c_on');
    });
    var $none = $('#selectNoneButton input[type="radio"]').change(function () {
      $sectionchecks.prop('checked', false).trigger('change');
      $all.closest('label').removeClass('c_on');
    });

    $('.section .checkbox input').click(function () {
      $(this).closest('.section').find('.subsection input[type="checkbox"]').prop('checked', this.checked).trigger('change')
    });


    $('.section .subsection input').on('change', function () {
      var parent = $(this).closest('.section'),
        status = parent.find('.subsection input[type="checkbox"]').not(':checked').length === 0;
      parent.find('.optional').prop('checked', status);
    }).trigger('change');


    var $sectionchecks = $('.section').find('input[type="checkbox"]');
    $sectionchecks.add($none).add($all).change(function(){
      $(this).closest('label').toggleClass('c_on', this.checked);
    })
  })