有一个需求 在页面显示时 input文本框里的数据不允许编辑 但点击编辑按钮以后 input 都可以编辑了

本帖最后由 skyxuyan 于 2014-09-12 17:33:51 编辑

解决方案 »

  1.   

    <div class="content">
        <input id="t" disabled type="text"><input type="button" value="test" id="b">
    </div>
    <script>
        var input = document.getElementById('t');
        var bt = document.getElementById('b');
        bt.onclick = function(){
            input.removeAttribute('disabled');
        }
    </script>
      

  2.   

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
      <script type="text/javascript">
      <!--
    var Test = new function(){
    this.Edit = function(){
    var tbx = document.getElementsByTagName('input');
    for(var item = 0; item < tbx.length; item++)
    {
    tbx[item].disabled = '';
    }
    }
    };
      //-->
      </script>
     </head>
     <body>
      <input type="text" value="1gegre" disabled="disabled"/>
        <input type="text" value="1gergr" disabled="disabled"/>
      <input type="text" value="1fwgewg" disabled="disabled"/>
        <input type="text" value="1345345r34" disabled="disabled"/>
      <input type="text" value="1grgregre" disabled="disabled"/>
        <input type="text" value="1gregregr" disabled="disabled"/>
      <input type="text" value="1vebverber" disabled="disabled"/>
        <input type="text" value="1svgwegewr" disabled="disabled"/>
      <input type="text" value="1fewfew" disabled="disabled"/>

    <button onclick ="javascript:Test.Edit();" >编辑</button> </body>
    </html>