JSFiddle - React, Tailwind, and code Playground

HTML

<form id="orderform" style="margin-left: 6cm">
<input type="checkbox" id="cleaning" name="cleaning" value="yes" onclick="javascript:houseclean();"/> Home cleaning <br />
Service: <select name="rooms" id="rooms" disabled >
  <option value="1bedroom">One Bedroom Apt</option>
  <option value="2bedroom">Two Bedroom Apt</option>
  <option value="3bedroom">Three Bedroom Townhome or SF Home</option>
  <option value="4bedroom">Four Bedroom Home</option>
  <option value="5bedroom">Five Bedroom Home</option>
  <option value="6bedroom">Six Bedroom Home</option>
</select> <br />
Date / Time: <input type="text" id="datetime" name="datetime" disabled /><br />
How often would you like a cleaning?: <select id="howoften" name="howoften" disabled>
  <option value="once">One Time Only</option>
  <option value="2bedroom">Every Week</option>
  <option value="3bedroom">Every Other Week</option>
  <option value="4bedroom">Once a Month</option>
</select> <br />
</form>

JavaScript

function houseclean()
    {
    if (document.getElementById('cleaning').checked == true)
      {
      document.getElementById('rooms').removeAttribute('disabled');
      document.getElementById('datetime').removeAttribute('disabled');
      document.getElementById('howoften').removeAttribute('disabled');
      }
    else
      {
      document.getElementById('rooms').setAttribute('disabled','disabled');
      document.getElementById('datetime').setAttribute('disabled','disabled');
      document.getElementById('howoften').setAttribute('disabled','disabled');
      }
    }