js 根据id设置input value值
时间: 2023-09-20 19:07:22 浏览: 91
可以使用以下代码来根据id设置input的value值:
```
document.getElementById("inputId").value = "newValue";
```
其中,将`inputId`替换为你想要设置的input元素的id,将`newValue`替换为你想要设置的新的值。
相关问题
js清空input的value值
可以通过以下两种方式清空input的value值:
1. 使用JavaScript的方式:
```js
document.getElementById("inputId").value = ""; //将id为inputId的input元素的value值设置为空
```
2. 使用jQuery的方式:
```js
$("#inputId").val(""); //将id为inputId的input元素的value值设置为空
```
根据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` 事件监听第一个输入框的值是否发生变化。如果第一个输入框的值为空,则禁用第二个输入框;否则启用第二个输入框。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)