JSFiddle - React, Tailwind, and code Playground

by SullysRants

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<input type="checkbox" class="required-option" id="like1" />
<input type="checkbox" class="required-option" id="like2" />
<input type="checkbox" class="required-option" id="like3" />
<input type="checkbox" class="required-option" id="like4" />
<input type="checkbox" class="required-option" id="like5" />
<input type="checkbox" class="required-option" id="like6" />
<input type="checkbox" class="required-option" id="like7" />
<input type="checkbox" class="required-option" id="like8" />
<input type="checkbox" class="required-option" id="like9" />

JavaScript

var elems = $('.required-option');
elems.on('click', function() {
  var checkedCheckboxes = elems.filter(':checked').map(function() {
    return '#' + this.id;
  }).get().join(',');
  localStorage.setItem("checkedCheckboxes", checkedCheckboxes);
});

var checkedCheckboxesselector = localStorage.getItem("checkedCheckboxes");
if (!!checkedCheckboxesselector) {
  $(checkedCheckboxesselector).prop('checked', true);
}