I have a scenario where the employee acknowledges a form sent by the manager. Once the employee acknowledges, the manager gets back the form and he approves the form again.

At this point the fields for acknowledgement like acknowledgement check box, signature , date etc needs to be ready only.

Am trying this on the java script side. I need some help on how we can toggle between making the field read only and editable . Will it be based on step id?

Am able to use the below to make the field readonly 

$('#q30 input').prop('readonly', true)

There are multiple pathways based on if the employee selects Acknowledge or Request for change options.If it's acknowledge by employee below steps describe the scenario.

1.Manager initiates

2.Employee Acknowledges (Acknowledgement fields not read only) (User task)

3.Manager gets the form back for verification (Acknowledgement fields read only) (User task)

If it's request for change by employee below are the steps.

1. Manager initiates

2.Employee request for change(Acknowledgement fields not read only) (User task)

3.Manager gets the form back  and approves the change(Acknowledgement fields read only) (User task)

4.Employee receives the manager approval and places his signature in the form (Acknowledgement fields not read only) (user task)

5.Manager receives the employee acknowledgement and approves(Acknowledgement fields read only) (User Task)

Basically when the employee gets the form (Signature acknowledgement field need not be read only.)

When the manager receives the form the signature acknowledgement needs to be read only.

Any suggestions greatly appreciated.