JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id='1' name="attending_days" value="06-18-13" />Tuesday June 18, 2013
<input type="radio" id='2' name="attending_days" value="06-18-13" />Wednesday June 19, 2013
<input type="radio" id='3' name="attending_days" value="both_days" />Both days



------------


<div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
    <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
        <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
            <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
                <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
                    <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />
<input type="checkbox" name="checkboxes" value ="3"/>Three
                        <div id="checkboxes">
<input type="checkbox" name="checkboxes" value ="1"/>One<br />
<input type="checkbox" name="checkboxes" value ="2"/>Two <br />

JavaScript

$('input[name="attending_days"]').on('change',function(){
     $('input[type="checkbox"]').each(function(){
               $(this).prop('disabled',false);
            });
    
    var selected = $(this).is(':checked');
    if(selected){
      var id = $(this).attr('id');
        if(id == '1' || id == '2'){
   $('input[type="checkbox"]:gt(3)').each(function(){
               $(this).prop('disabled',true);
            });
        }
        if(id == '3'){
   $('input[type="checkbox"]:gt(7)').each(function(){
               $(this).prop('disabled',true);
            });
        }
    }
});