基于jquery实现状态限定编辑的代码

2020-05-23 06:12:25易采站长站整理

<tr>
<td>1 中标</td>
<td><input class=”status_Progress” type=”checkbox” /></td>
<td>
<input type=”text” maxlength=”100″ />
</td>
<td><input type=”text” /></td>
</tr>
<tr>
<td>2 谈判</td>
<td> <input class=”status_Progress” type=”checkbox” /> </td>
<td>
<input type=”text” maxlength=”100″ />
</td>
<td><input type=”text” /></td>
</tr>
<tr>
<td>3 评审</td>
<td><input class=”status_Progress” type=”checkbox” /></td>
<td>
<input type=”text” maxlength=”100″ />
</td>
<td><input type=”text” /></td>
</tr>
<tr>
<td>4 签约</td>
<td><input class=”status_Progress” type=”checkbox” /></td>
<td>
<input type=”text” maxlength=”100″ />
</td>
<td><input type=”text” /></td>
</tr>
<tr>
<td>5 完成</td>
<td><input class=”status_Progress” type=”checkbox” /></td>
<td>
<input type=”text” maxlength=”100″ />
</td>
<td><input type=”text” /></td>
</tr>
</table>
</div>
</center>
</body>
</html>


状态共有5中,要求点击某个状态的复选框时,这个状态和它之前的状态的文本框都可以编辑,之后的文本框都不可以编辑,如图示



实现上面的效果源码如下: