JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<body>
<form id="orderform" style="margin-left: 6cm">
<input type="checkbox" name="cleaning" value="yes" onclick="houseclean();" id="cleaning"/> 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" name="datetime" id="datetime" disabled/><br />
How often would you like a cleaning?: <select name="howoften" id="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></body></html>
JavaScript
function houseclean() {
if (document.getElementById("cleaning").checked == true) {
document.getElementById("rooms").disabled = false;
document.getElementById("datetime").disabled = false;
document.getElementById("howoften").disabled = false;
} else {
document.getElementById("rooms").disabled = true;
document.getElementById("datetime").disabled = true;
document.getElementById("howoften").disabled = true;
}
}