如何让原来不可以修改的表单在点击了“修改”按钮后变的可以修改

<input type="text" name="test" value="qqqqqqqqqq" readonly>
<button onclick="test.readOnly=false"> 修改 </button>

解决方案 »

  1.   

    这样看看
    <html>
    <head>
    <title> New Document </title>
    <script language="JavaScript">
    <!--
    var inputObj = document.getElementsByTagName("input");
    var selObj = document.getElementsByTagName("select");
    var textAObj = document.getElementsByTagName("textArea");
    function init(bool)
    {
        for(var i=0;i<inputObj.length;i++)
    {
        if(inputObj[i].type == "radio" || inputObj[i].type == "checkbox")
    {
       inputObj[i].disabled = bool;
    }
    else
       inputObj[i].readOnly = bool;
    } for(var i=0;i<selObj.length;i++)
    {
       selObj[i].disabled = bool;
    } for(var i=0;i<textAObj.length;i++)
       {
           textAObj[i].readOnly = bool;
       }
    }//-->
    </script>
    </head><body bgcolor="#FFFFFF" onload="init(true)">
    <input type="text" name="" value="11111">
    <input type="checkbox" name="" value="1">
    <input type="radio" name="dd" value="1">
    <input type="radio" name="dd" value="1">
    <select style="width:100px">
    <option>11</option>
    <option>22</option>
    <option>33</option>
    <option>44</option>
    </select>
    <textarea>dddddddddddddddddd</textarea><p>
    <input type="text" name="" value="11111">
    <input type="checkbox" name="" value="1">
    <input type="radio" name="dds" value="1">
    <input type="radio" name="dds" value="1">
    <select style="width:100px">
    <option>11</option>
    <option>22</option>
    <option>33</option>
    <option>44</option>
    </select>
    <textarea>dddddddddddddddddd</textarea>
    <input type="submit" value="ok" onclick="init(false)">
    </body>
    </html>
      

  2.   

    这样看看
    <html>
    <head>
    <title> New Document </title>
    <script language="JavaScript">
    <!--
    var inputObj = document.getElementsByTagName("input");
    var selObj = document.getElementsByTagName("select");
    var textAObj = document.getElementsByTagName("textArea");
    function init(bool)
    {
        for(var i=0;i<inputObj.length;i++)
    {
        if(inputObj[i].type == "radio" || inputObj[i].type == "checkbox")
    {
       inputObj[i].disabled = bool;
    }
    else
       inputObj[i].readOnly = bool;
    } for(var i=0;i<selObj.length;i++)
    {
       selObj[i].disabled = bool;
    } for(var i=0;i<textAObj.length;i++)
       {
           textAObj[i].readOnly = bool;
       }
    }//-->
    </script>
    </head><body bgcolor="#FFFFFF" onload="init(true)">
    <input type="text" name="" value="11111">
    <input type="checkbox" name="" value="1">
    <input type="radio" name="dd" value="1">
    <input type="radio" name="dd" value="1">
    <select style="width:100px">
    <option>11</option>
    <option>22</option>
    <option>33</option>
    <option>44</option>
    </select>
    <textarea>dddddddddddddddddd</textarea><p>
    <input type="text" name="" value="11111">
    <input type="checkbox" name="" value="1">
    <input type="radio" name="dds" value="1">
    <input type="radio" name="dds" value="1">
    <select style="width:100px">
    <option>11</option>
    <option>22</option>
    <option>33</option>
    <option>44</option>
    </select>
    <textarea>dddddddddddddddddd</textarea>
    <input type="submit" value="ok" onclick="init(false)">
    </body>
    </html>