JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">All services</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02AllServices" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Site content uploading only</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02ContentUploading" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Site content &amp; layout checking</div>
     <div class="col-sm-1">
         <input type="checkbox" ID="Step02ContentLayoutChecking" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Testing on various browsers</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02TestingVariousBrowsers" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Testing all website functionality</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02TestingFunctionality" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Responsive design layouting only</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02ResponsiveLayouting" />
     </div>
</div>
<div class="form-group">
     <div class="col-xs-offset-0 col-sm-offset-4 col-sm-3">Responsive design layout testing</div>
     <div class="col-sm-1">
          <input type="checkbox" ID="Step02ResponsiveTesting" />
     </div>
</div>

JavaScript

$(document).on('click', ':checkbox', function(){
        $(":checkbox:not('#Step02AllServices')").prop('disabled', $('#Step02AllServices').is(':checked'));
		$("#Step02AllServices").prop('disabled', $(":checkbox:not('#Step02AllServices')").is(':checked'));
});