JSFiddle - React, Tailwind, and code Playground

by dixalex

JavaScript

function LoadPage() {
  var name_brands = $('input:checkbox').filter(function(index, element) {
    return parseInt($(element).attr('id').split('_').pop(), 10) < 6;
  });
  var store_brands = $('input:checkbox').filter(function(index, element) {
    return parseInt($(element).attr('id').split('_').pop(), 10) > 5;
  });
  var name_brand_hidden = $('#Q51_1');
  var store_brand_hidden = $('#Q51_2');
  $('input:checkbox').on('change', function(e) {
    auto_populate_q10();
  });
}

function auto_populate_q10() {
  if (name_brands.filter(':checked').length) {
    name_brand_hidden.prop('checked', true).change();
  } else {
    name_brand_hidden.prop('checked', false).change();
  }
  if (store_brands.filter(':checked').length) {
    store_brand_hidden.prop('checked', true).change();
  } else {
    store_brand_hidden.prop('checked', false).change();
  }
}