ページフォームの初期状態は図のとおりで、すべてのテキストボックスは編集できません コードをコピー コードは次のとおりです: head> プロジェクトのステータス制限 > { font -size:12px;} <br> <br>$("body").ready(function() { <br> /* プロジェクト ステータス ダイアログ ボックスはチェックボックス以外は使用できません*/ <br>$(":checkbox.status_Progress").parent().parent().find("select").attr("disabled", '無効') ; <br>$(":checkbox.status_Progress").parent().parent().find("input:text").attr("無効", '無効'); ":checkbox .status_Progress").parent().parent().find("input:button").attr("disabled", 'disable'); <br>/* プロジェクト ステータスの進捗チェックボックス コントロール*/ <br>$ (":checkbox.status_Progress").click( <br>function() { <br>var selected = $(this).attr("checked"); <br>var ind = $(":checkbox .status_Progress" ).index(this); <br>$(":checkbox.status_Progress").removeAttr("checked"); <br>$(":checkbox.status_Progress").each(function(i, domEle) ) { <br>if ((checked && ind >= i) || (!checked && ind > i)) { <br>$(domEle).attr("checked", 'true'); >$( domEle).parent().parent().find("select").removeAttr("disabled"); <br>$(domEle).parent().parent().find("input:text ").removeAttr("disabled"); <br>$(domEle).parent().parent().find("input:button").removeAttr("disabled"); <br>} <br>else { <br>$(domEle).parent().parent().find("select").attr("disabled", 'disabled'); <br>$(domEle).parent().parent(); .find( "入力:テキスト").attr("無効", '無効'); <br>$(domEle).parent().parent().find("入力:ボタン").attr("無効", ' 無効'); <br>} <br>}); <br>} <br>); <br>}); <br> ステータス = '250'>責任者/td> td>1 落札額 < type="text" maxlength="100" /> tr> 2 交渉 4 署名 > < < >5 完了 ;input type="text" maxlength="100" /> ;/tr> 図に示すように、合計 5 つの状態があり、特定の状態のチェック ボックスをクリックする必要がある場合、その状態とその前の状態のテキスト ボックスは編集できますが、それ以降のテキスト ボックスは編集できません。フィギュア 上記の効果を実現するソースコードは次のとおりです:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
