querySelectorAll 获取value值

querySelectorAll方法无法直接获取input元素的value值，因为它返回的是一个NodeList对象，而不是一个具体的input元素。但可以通过遍历NodeList对象中的每个元素来获取它们的value值。

例如，假设有以下HTML代码：

<input type="text" value="Hello">
<input type="text" value="World">

要获取所有input元素的value值，可以使用以下JavaScript代码：

var inputs = document.querySelectorAll("input[type='text']");
var values = [];
for (var i = 0; i < inputs.length; i++) {
  values.push(inputs[i].value);
}
console.log(values); // 输出 ["Hello", "World"]

首先使用querySelectorAll方法选择所有type属性为text的input元素，然后使用一个循环遍历每个元素，并将它们的value值添加到一个数组中。最后输出这个数组。

相关问题

querySelectorAll 获取input value

querySelectorAll 可以获取匹配指定 CSS 选择器的所有元素，但是它不能直接获取 input 的 value 属性。要获取 input 的 value 属性，可以使用以下两种方法：

1. 遍历匹配的元素列表，然后获取每个元素的 value 属性。

const inputs = document.querySelectorAll('input');
const values = [];
inputs.forEach(input => values.push(input.value));
console.log(values);

2. 使用 CSS 选择器来直接获取所有 input 的 value 属性。

const values = Array.from(document.querySelectorAll('input')).map(input => input.value);
console.log(values);

注意，这两种方法都需要在 input 的 value 属性有值的情况下使用，否则会返回空字符串。

js获取表单的value值

可以通过以下方式获取表单元素的value值：

// 获取input元素的value值
var inputValue = document.getElementById("input-id").value;

// 获取select元素的value值
var selectValue = document.getElementById("select-id").value;

// 获取textarea元素的value值
var textareaValue = document.getElementById("textarea-id").value;

// 获取radio元素的value值
var radioValue = document.querySelector('input[name="radio-name"]:checked').value;

// 获取checkbox元素的value值
var checkboxValues = [];
var checkboxes = document.querySelectorAll('input[name="checkbox-name"]:checked');
for (var i = 0; i < checkboxes.length; i++) {
  checkboxValues.push(checkboxes[i].value);
}

其中，`input-id`、`select-id`、`textarea-id`、`radio-name`、`checkbox-name`分别为表单元素的id或name属性。