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

页面表单初始情况如图，所有文本框都是不能编辑的

复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www .w3。org/TR/HTML 4/严格。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；字符集=iso-8859-1 '标题项目状态限定/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。4 .2 .量滴js /脚本样式类型=' text/CSS '正文{ font-size :12 px}/样式脚本类型='text/javascript' $('body ').就绪（函数(){ /*项目状态对话框除检验盒外都不可用*/$(' :复选框。状态_进度').父项()。父项()。查找('选择')。attr('disabled '，' disabled ')；$(' :复选框。状态_进度').父项()。父项()。查找('输入3360文本').attr('disabled '，' disable ')；$(' :复选框。状态_进度').父项()。父项()。查找('输入3360按钮').attr('disabled '，' disable ')；/* 项目状态的进度检验盒控制*/$(' :复选框。状态_进度').单击(函数(){ var checked=$(this)).attr('选中');var ind=$(' :)复选框。状态_进度').索引（这个);$(' :复选框。状态_进度').removeAttr(“”选中');$(' :复选框。状态_进度').每个（函数(I，domEle) { if ((checked ind=i) ||(！选中ind i)) { $(domEle).attr('checked '，' true ')；美元.父项()。父项()。查找('选择')。移除attr(' disabled ')；美元.父项()。父项()。查找('输入3360文本').移除attr(' disabled ')；美元.父项()。父项()。查找('输入3360按钮').移除attr(' disabled ')；} else { $(domEle).父项()。父项()。查找('选择')。attr('disabled '，' disabled ')；美元.父项()。父项()。查找('输入3360文本').attr('disabled '，' disabled ')；美元.父项()。父项()。查找('输入3360按钮').attr('disabled '，' disabled ')；} });} );});/script/head body align=' center ' center div id=' dialog _ status ' title='项目状态表id='form_status' tr td宽度='150 '状态TD/TD宽度='50 '进度TD TD TD宽度='250 '负责人TD TD TD宽度='150 '时间/TD/tr/tr td1中标/TD TD TD input class=' status _ Progress ' type=' checkbox '/TD TD TD TD input type=' text ' maxlength=' 100 '/TD TD TD input type=' text '/TD/tr td2谈判/TD TD TD输入类=' status _ Progress '类型=' checkbox '/TD TD TD 输入类型=' text ' maxlength=' 100 '/TD tdinput类型=' text '/TD/tr td3评审/TD TD TD输入类=' status _ Progress '类型=' checkbox '/TD TD TD输入类型=' text ' maxlength=' 100 '//TD tdinput type=' text '/TD/tr tr td4签约/TD TD TD input class=' status _ Progress ' type=' checkbox '/TD TD TD TD input type=' text ' maxlength=' 100 '/TD TD TD input type=' text '/TD/tr td5完成/TD TD TD input class=' status _ Progress ' type=' checkbox '/TD TD TD TD input type=' text ' maxlength=' 100 '/TD TD TD input type=' text '/TD/tr/table/div/center/body/html状态共有5中，要求点击某个状态的复选框时，这个状态和它之前的状态的文本框都可以编辑，之后的文本框都不可以编辑，如图示

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