根据input框的值设置input框是否禁用 完整代码
时间: 2023-12-01 20:04:56 浏览: 26
以下是一个根据input框的值设置input框是否禁用的完整代码示例:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>根据input框的值设置input框是否禁用</title>
</head>
<body>
<input type="text" id="inputBox" name="inputBox" placeholder="输入框">
<script>
var inputBox = document.getElementById("inputBox");
inputBox.addEventListener("input", function() {
if (inputBox.value !== "") {
inputBox.disabled = true;
} else {
inputBox.disabled = false;
}
});
</script>
</body>
</html>
```
这个代码示例创建了一个包含一个input框的HTML页面,并使用JavaScript来监听input框的输入事件。当input框的值不为空时,JavaScript会将该input框禁用,否则不禁用。
相关问题
根据input框的值设置input框是否禁用
可以使用JavaScript来根据input框的值设置input框是否禁用。代码如下:
```javascript
var inputBox = document.getElementById("inputBox");
inputBox.addEventListener("input", function() {
if (inputBox.value !== "") {
inputBox.disabled = true;
} else {
inputBox.disabled = false;
}
});
```
这段代码会监听input框的输入事件,当input框的值不为空时,会禁用该input框,否则不禁用。
根据input框的value值,设置input框是否禁用 完整代码
以下是使用JavaScript编写的示例代码,可以根据输入框的值来禁用或启用另一个输入框:
```html
<!-- HTML代码 -->
<input type="text" id="input1" onkeyup="checkInputValue()">
<input type="text" id="input2">
<!-- JavaScript代码 -->
<script>
function checkInputValue() {
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
if (input1.value === "") {
input2.disabled = true;
} else {
input2.disabled = false;
}
}
</script>
```
在上面的代码中,我们首先获取了两个输入框的元素,然后使用 `onkeyup` 事件监听第一个输入框的值是否发生变化。如果第一个输入框的值为空,则禁用第二个输入框;否则启用第二个输入框。