JSFiddle - React, Tailwind, and code Playground

by LW

HTML

<div><input type="checkbox" id="secA" />Concert 2</div>
<label><input type="radio" name="e1" id="afternoon" class="choice" disabled />afternoon</label>
<label><input type="radio" name="e1" id="evening" class="choice" disabled />evening</label>
<div><input type="checkbox"/>Concert 3</div>
<div><input type="checkbox"/>Concert 4</div>

JavaScript

window.onload=function(){
  var ckbox=document.getElementById('secA');
    ckbox.onclick=checkFire;
};

function checkFire(e)
{
  var fires=document.getElementsByClassName('choice');
  var evt=e||window.event;
  var target=evt.target||evt.srcElement;
  for(var i=0; i<fires.length; i++)
  if(target.checked && target.id==='secA')
    fires[i].disabled=false;
  else 
  {
    fires[i].disabled=true;
    fires[i].checked=false;
  }
}