js获取多个input的value值
时间: 2023-04-30 16:00:46 浏览: 116
可以使用以下方法获取多个input的value值:
1. 使用document.querySelectorAll()方法选择所有需要获取value值的input元素,例如:
```
var inputs = document.querySelectorAll('input');
```
2. 遍历inputs数组,使用input.value获取每个input元素的value值,例如:
```
for (var i = 0; i < inputs.length; i++) {
var value = inputs[i].value;
console.log(value);
}
```
3. 将获取到的value值存储在一个数组中,例如:
```
var values = [];
for (var i = 0; i < inputs.length; i++) {
var value = inputs[i].value;
values.push(value);
}
console.log(values);
```
相关问题
javascript获取input的值
JavaScript获取input的值的方法有多种,其中一种方法是使用`document.getElementById()`和`value`属性。示例代码如下:
```javascript
var inputValue = document.getElementById("inputId").value;
```
其中"inputId"是HTML中input元素的id。
另一种方法是使用`querySelector()`和`value`属性。示例代码如下:
```javascript
var inputValue = document.querySelector("#inputId").value;
```
这里的"#inputId"是input元素的id选择器。
还有一种方法是使用`getElementsByName()`和`value`属性。示例代码如下:
```javascript
var inputValue = document.getElementsByName("inputName")[0].value;
```
其中"inputName"是HTML中input元素的name属性。
以上都是获取input的值的方法,可以根据需要使用不同的方法。
js获取input的输入值
要通过JavaScript获取输入框的值,可以使用以下方法:
1. 通过id获取输入框元素,然后使用`value`属性获取输入框的值。例如:
```
<input type="text" id="myInput">
```
```js
var inputValue = document.getElementById("myInput").value;
```
2. 通过标签名获取输入框元素,然后使用`value`属性获取输入框的值。例如:
```js
var inputElements = document.getElementsByTagName("input");
var inputValue = inputElements[0].value;
```
3. 通过类名获取输入框元素,然后使用`value`属性获取输入框的值。例如:
```js
var inputElements = document.getElementsByClassName("myInput");
var inputValue = inputElements[0].value;
```
需要注意的是,通过标签名或类名获取元素时,如果有多个同样的标签或类名,需要使用索引来指定获取的是哪个输入框的值。
另外,获取输入框的值时可能需要在特定的事件触发之后进行,例如点击按钮、提交表单等。所以在实际使用中,可能需要结合相应的事件来获取输入框的值。
以上就是使用JavaScript获取输入框的值的方法。
阅读全文