html获取多个元素的value值
时间: 2024-10-22 09:11:09 浏览: 11
JavaScript中获取HTML元素值的三种方法
5星 · 资源好评率100%
在HTML中,如果你想获取页面上多个元素的`value`属性值,你可以通过JavaScript或者相关的库如jQuery来实现。下面是一个基本的例子:
如果你直接使用JavaScript,可以这样做:
```javascript
let values = [];
var elements = document.querySelectorAll('input[name="yourName"]'); // 替换 "yourName" 为你需要选择的name属性值
for(let i = 0; i < elements.length; i++) {
values.push(elements[i].value);
}
```
这里,我们首先选择了所有`name`属性值为"yourName"的输入元素,然后遍历它们并把每个元素的`value`添加到数组`values`中。
如果是使用jQuery,代码会更简洁:
```javascript
let values = $('[name="yourName"]').map(function() {
return $(this).val();
}).get();
```
这将返回一个包含所有匹配元素`value`值的数组。
阅读全文