页面表单初始情况如图，所有文本框都是不能编辑的 复制代码 代码如下: 项目状态限定 <br>body{ font-size:12px;} <br> <br>$("body").ready(function() { <br>/* 项目状态对话框除checkbox外都不可用 */ <br>$(":checkbox.status_Progress").parent().parent().find("select").attr("disabled", 'disabled'); <br>$(":checkbox.status_Progress").parent().parent().find("input:text").attr("disabled", 'disable'); <br>$(":checkbox.status_Progress").parent().parent().find("input:button").attr("disabled", 'disable'); <br>/* 项目状态的进度Checkbox控制 */ <br>$(":checkbox.status_Progress").click( <br>function() { <br>var checked = $(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'); <br>$(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("input:text").attr("disabled", 'disabled'); <br>$(domEle).parent().parent().find("input:button").attr("disabled", 'disabled'); <br>} <br>}); <br>} <br>); <br>}); <br> 状态 进度 负责人 时间 1 中标 2 谈判 3 评审 4 签约 5 完成 状态共有5中，要求点击某个状态的复选框时，这个状态和它之前的状态的文本框都可以编辑，之后的文本框都不可以编辑，如图示 实现上面的效果源码如下：
