页面上有一个文本框和两个按钮,编写一段JavaScript程序,捕获选中一个单选按钮时触发的事情,如果单击第一个按钮,则禁用文本框;如果单击另一个按钮,则启用文本框。
时间: 2023-09-20 17:07:04 浏览: 91
1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.
可以使用以下JavaScript代码实现:
```javascript
// 获取页面上的文本框和两个按钮
const textBox = document.getElementById("my-textbox");
const disableButton = document.getElementById("disable-button");
const enableButton = document.getElementById("enable-button");
// 给两个按钮添加点击事件处理程序
disableButton.addEventListener("click", function() {
// 禁用文本框
textBox.disabled = true;
});
enableButton.addEventListener("click", function() {
// 启用文本框
textBox.disabled = false;
});
```
注意要将代码放在HTML文件中,同时给单选按钮和两个按钮添加正确的`id`属性。例如:
```html
<input type="radio" name="my-radio" id="radio1">
<input type="radio" name="my-radio" id="radio2">
<input type="text" id="my-textbox">
<button id="disable-button">禁用</button>
<button id="enable-button">启用</button>
```
阅读全文