首页页面上有一个文本框和两个按钮，编写一段JavaScript程序，捕获选中一个单选按钮时触发的事情，如果单击第一个按钮，则禁用文本框；如果单击另一个按钮，则启用文本框。如下图所示。步骤一：创建HTML网页，命名为“task3.html”。步骤二：创建<form>，在<form>中创建文本框<textarea>。步骤三：定义按钮触发事件，设置<textarea>元素启用/禁用属性。

页面上有一个文本框和两个按钮，编写一段JavaScript程序，捕获选中一个单选按钮时触发的事情，如果单击第一个按钮，则禁用文本框；如果单击另一个按钮，则启用文本框。如下图所示。步骤一：创建HTML网页，命名为“task3.html”。步骤二：创建<form>，在<form>中创建文本框<textarea>。步骤三：定义按钮触发事件，设置<textarea>元素启用/禁用属性。

时间: 2024-02-22 15:57:32 浏览: 72

好的，以下是实现该功能的JavaScript代码： ```html <!DOCTYPE html> <html> <head> <title>Task 3</title> </head> <body> <form> <textarea id="myText"></textarea><br> <input type="radio" name="myRadio" value="disable" onclick="disableText()">Disable<br> <input type="radio" name="myRadio" value="enable" onclick="enableText()">Enable<br> </form> <script> function disableText() { document.getElementById("myText").disabled = true; } function enableText() { document.getElementById("myText").disabled = false; } </script> </body> </html> ``` 在该代码中，我们首先创建了一个<textarea>元素，它的id属性被设置为"myText"，方便在JavaScript中引用该元素。接着，我们创建了两个单选按钮，它们都有一个onclick事件，分别绑定到disableText()和enableText()函数上。这两个函数分别实现禁用和启用<textarea>元素的功能，它们通过document.getElementById()方法获取到了<textarea>元素，并设置它的disabled属性为true/false来实现禁用/启用的效果。最后，我们将这段JavaScript代码放在了<body>元素的末尾，确保在页面加载完毕后才执行这些代码。

阅读全文