多个文本框初始时是disabled的，如何点击一个按钮让这几个文本框是可编辑的。急用，用重分！

多个文本框初始时是disabled的，如何点击一个按钮让这几个文本框是可编辑的。

解决方案 »

  1.   

    <... onclick="document.getElementById('text_input_id').disabled = false;" > 
    或者
    <... onclick="document.form_name.text_input_name.disabled = false;" >
      

  2.   

    <script type="text/javascript">
    function se() {
    var b = document.getElementById("button_id");
    b.disabled = !(b.disabled && true);
    var c = document.getElementById("button_id1");
    c.disabled = !(c.disabled && true);
    var d = document.getElementById("button_id2");
    d.disabled = !(d.disabled && true);
    }
    </script>
    <input type="text" id="button_id" value="1" disabled/>
    <input type="text" id="button_id1" value="2" disabled/>
    <input type="text" id="button_id2" value="3" disabled/>
    <input type="button" onclick="se()" value="禁/起用" />
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script>
    function show()
    {
    var array = new Array();
    array = document.getElementsByName("1");
    alert(array.length);
    for(var i = 0;i<array.length;i++)
    {
    array[i].disabled=false;

    }
    }
      </script>
     </HEAD> <BODY>
    <input type="text" name="1" disabled><input type="text" name="1" disabled>
    <input type="text" name="1" disabled>
    <input type="text" name="1" disabled>
    <input type="text" name="1" disabled>
    <input value="button" type="button" onclick="show();">
     </BODY>
    </HTML>
      

  4.   

    用button的onclick事件来改变disabled属性真假值 脚本是
    function change()
    {
        document.formName.textName.disabled = false; 
    }源代码：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <script>
    function change()
    {    document.form1.text1.disabled = false; 
    alert(document.form1.text1.disabled);
    }
    </script>
    <BODY>
    <form name="form1">
    <input type="text" name="text1" disabled>
    <input type="button" onclick="javascript:change()">
    </form>
    </BODY>
    </HTML>