Code to implement state-limited editing based on jquery_jquery

The initial situation of the page form is as shown in the figure, all text boxes cannot be edited

Copy code The code is as follows:

< ;script type="text/javascript" src="jquery-1.4.2.min.js">



< body align='center'>

< ;td>1 winning bid



< /tr>
















< tr>

Status	Progress	Responsible person	Time
	< input type="text" maxlength="100" />
2 Negotiation
3 Review
4 Signing
5 Complete

There are 5 states in total. When you are required to click the check box of a certain state, the text boxes of this state and its previous state can be edited, and the subsequent text boxes cannot be edited, as shown in the figure

The source code to achieve the above effect is as follows: