Digamos que tengo un botón donde solo se puede hacer clic:

• Cuando el usuario selecciona 1 del menú desplegable, la entrada para (1) está habilitada y debe completar la entrada 1 antes de poder hacer clic en el botón de actualización, o
• Cuando el usuario selecciona 2 del menú desplegable, la entrada para (2) está habilitada y debe completar la entrada 2 antes de poder hacer clic en el botón de actualización, o
• Cuando el usuario selecciona 3 del menú desplegable, puede hacer clic directamente en el botón de actualización.

Mi mejor enfoque es solo para deshabilitar el botón y las entradas, no sé cómo habilitarlo según las múltiples condiciones anteriores, por favor ayuda.

 $(document).ready(function($){ $(".button-class, .input-1-class, .input-2-class").prop("disabled", true); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="input-wrap"> <select class="select-class"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <div class="input-wrap"> <label>Input for 1</label> <input class="input-1-class"> </div> <div class="input-wrap"> <label>Input for 2</label> <input class="input-2-class"> </div> <button type="button" class="button-class">Submit</button>