Question

当我点击切换按钮时，我想启用文本区域。从文本区域保存注释后，它必须隐藏并返回到旧位置。因为我是新手，苦苦挣扎。在此先感谢： - ）

<html>  
<body>
    <textarea class="ipText" name="myTextBox" id="txtBox" cols="50" rows="5"></textarea>
</br>
    <button type="submit" onclick="saveComment()">Save</button>
    <input type="button" name="enableText" id="enableTxt" value="Click to Toggle" onclick="toggleText();">

     <script type ="text/javascript">
        function toggleText(txt) {
        document.getElementById("txtBox").disabled = !txt.clicked;
      }
     </script>
</body>
</html>

编辑：这是jfiddle链接。 http://jsfiddle.net/suP8z/5/

Answer 1

你可以尝试：

<html>  
<body>
    <textarea class="ipText" name="myTextBox" disabled="disabled" id="txtBox" cols="50" rows="5"></textarea>
    </br>
    <button type="submit" onclick="document.getElementById('txtBox').disabled = true; return false;">Save</button>
    <input type="button" name="enableText" id="enableTxt" value="Click to Toggle" onclick="document.getElementById('txtBox').disabled = false; return false;">
</body>
</html>

Answer 2

试试这个，

 function toggleText() {
      var Disabled = document.getElementById("txtBox").disabled;
      document.getElementById("txtBox").disabled = !Disabled;
   }

在HTML标记的<head>标记中添加javascript。

DEMO： http://jsfiddle.net/d8NMk/

Answer 3

通过为<textarea> id提供txtBox元素，我们可以使用document.getElementById函数轻松捕获它，并取消其disabled属性。

这是JavaScript代码（进入<head>标记内）：

<script>
    function toggleText() {
        var value = document.getElementById("txtBox").disabled;
        document.getElementById("txtBox").disabled = !value;
    };
</script>

HTML：

<body>
    <textarea class="ipText" name="myTextBox" id="txtBox" cols="50" rows="5"></textarea>
    </br>
    <button type="submit" onclick="saveComment()">Save</button>
    <input type="button" name="enableText" id="enableTxt" value="Click to Toggle" onclick="toggleText();">
</body>

这是一个示例jsfiddle：http://jsfiddle.net/suP8z/18/

完整的工作代码是：

<html>
<head>
<script>
    function toggleText() {
        var value = document.getElementById("txtBox").disabled;
        document.getElementById("txtBox").disabled = !value;
     };
</script>
</head>
<body>
    <textarea class="ipText" name="myTextBox" id="txtBox" cols="50" rows="5"></textarea>
    </br>
    <button type="submit" onclick="saveComment()">Save</button>
    <input type="button" name="enableText" id="enableTxt" value="Click to Toggle" onclick="toggleText();">
</body>
</html>

按钮点击切换textarea

3 个答案: