页面上有一个文本框和两个按钮,编写一段JavaScript程序,捕获选中一个单选按钮时触发的事情,如果单击第一个按钮,则禁用文本框;如果单击另一个按钮,则启用文本框。如下图所示。 步骤一:创建HTML网页,命名为“task3.html”。 步骤二:创建<form>,在<form>中创建文本框<textarea>。 步骤三:定义按钮触发事件,设置<textarea>元素启用/禁用属性。
时间: 2024-02-22 20:57:32 浏览: 70
好的,以下是实现该功能的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>元素的末尾,确保在页面加载完毕后才执行这些代码。
阅读全文