jquery_jquery に基づいて状態限定編集を実装するコード

ページフォームの初期状態は図のとおりで、すべてのテキストボックスは編集できません

コードをコピー コードは次のとおりです:

head>

>

ステータス

= '250'>責任者
/td>
td>1 落札額


< type="text" maxlength="100" />
tr>
2 交渉









4 署名 >



<
< >5 完了
;input type="text" maxlength="100" />

;/tr>

図に示すように、合計 5 つの状態があり、特定の状態のチェック ボックスをクリックする必要がある場合、その状態とその前の状態のテキスト ボックスは編集できますが、それ以降のテキスト ボックスは編集できません。フィギュア

上記の効果を実現するソースコードは次のとおりです: