点击让禁用的元素复原。

就是让已经disabled的元素恢复，但是最好不要用得到id，name的方法。因为form里面的东西以后要弄成循环体，不太方便。能不能找到它的父对象，然后设置父对象里的所有子元素都恢复？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
        <form>
        <div name="fp">
            <ul class="dstribution">
                <li>
                 <select disabled="disabled" style="border:none;">
                     <option>Ben</option>
                        <option>bluss</option>
                    </select>
                </li>
                <li><input type="text" disabled="disabled" value="50"  /></li>
                <li><input type="text" disabled="disabled" class="dstri_person" value="Summer"  /></li>
                <li><input type="text" disabled="disabled" value="2011-02-02&nbsp;12:30" /></li>
            </ul>
            <input type="button" class="btn mar" value="修改" onclick="change(this);"/><input type="button" class="btn mar" value="提交"  style="display:none;"/>
            <input type="button" class="btn mar" value="删除"/>
            <script>
             function change(el){
 el.style.display="none";  
 el.nextSibling.style.display="block";
    //  var a = $("form > input");
    //  
//a.disabled="true";
 }
   
            </script>
        </div>
        </form>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
            <form id=frm>
            <div name="fp">
                <ul class="dstribution">
                    <li>
                        <select disabled="disabled" style="border:none;">
                            <option>Ben</option>
                            <option>bluss</option>
                        </select>
                    </li>
                    <li><input type="text" disabled="disabled" value="50"  /></li>
                    <li><input type="text" disabled="disabled" class="dstri_person" value="Summer"  /></li>
                    <li><input type="text" disabled="disabled" value="2011-02-02&nbsp;12:30" /></li>
                </ul>
                <input type="button" class="btn mar" value="修改" onclick="change(this);"/><input type="button" class="btn mar" value="提交"  style="display:none;"/>
                <input type="button" class="btn mar" value="删除"/>
                <script>
                 function change(el){
                     el.style.display="none";                 
                     el.nextSibling.style.display="block";
                     var f=document.getElementById('frm');
                     alert(f.length)
                     for(var i=0;i<f.length;i++){alert(f[i].disabled)
                       if(f[i].disabled){f[i].disabled=false;}
                     }
                    
                     }
               
                </script>
            </div>
            </form>
    </body>
    </html>
      

  2.   

    忘记把alert()去掉了：
    function change(el){
                     el.style.display="none";                 
                     el.nextSibling.style.display="block";
                     var f=document.getElementById('frm');
                     alert(f.length)
                     for(var i=0;i<f.length;i++){alert(f[i].disabled)
                       if(f[i].disabled){f[i].disabled=false;}
                     }
                    
                     }
      

  3.   


    <html>
    <head>
    <title>无标题文档</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
    <script>
    function startUsing(){
    $(".start").removeAttr("disabled");
    }
    </script>
    </head> <body>
    <input type="button" onclick="startUsing()" value="启用" /><br />
    <input type="text" class="start" disabled="disabled" />
    <input type="text" class="start" disabled="disabled" />
    <input type="text" class="start" disabled="disabled" />
    </body>
    </html>
      

  4.   


    function change(el){
       el.style.display="none";                 
       el.nextSibling.style.display="block";
       $("input[disabled='true']").attr("disabled","false");
    }
      

  5.   

    <html>
    <head>
    <title>无标题文档</title>
    <script language="javascript">
    function startUsing(){
    var allText = document.getElementsByName("start");
    for(var i = 0; i < allText.length; i++){
    allText[i].disabled = "";
    }
    }
    </script>
    </head> <body>
    <input type="button" onclick="startUsing()" value="启用" /><br />
    <input type="text" name="start" disabled="disabled" />
    <input type="text" name="start" disabled="disabled" />
    <input type="text" name="start" disabled="disabled" />
    </body>
    </html>