JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

<label><input type="checkbox" onclick="tyty(this);"/> Select ALL Ranges</label>

JavaScript

function tyty(checkElement)
{
  // if checked - remove check and display table rows normally
  if(checkElement.checked)
  {
    //ALWAYS EXECUTES HERE!
    checkElement.checked = false;
    
  }
  // if unchecked - mark 'checked' and grey out all table rows
  else
  {
    checkElement.checked = true;
    
  }
}