在JavaScript中,循环获取一组<input>
元素的值通常涉及到以下几个基础概念:
querySelectorAll
)获取。for
循环、forEach
循环等。假设有一组<input>
元素,它们的name
属性都是item
:
<form id="myForm">
<input type="text" name="item" value="Value 1">
<input type="text" name="item" value="Value 2">
<input type="text" name="item" value="Value 3">
</form>
你可以使用以下JavaScript代码来循环获取这些输入框的值:
// 获取表单元素
var form = document.getElementById('myForm');
// 使用querySelectorAll选择所有name属性为item的input元素
var inputs = form.querySelectorAll('input[name="item"]');
// 创建一个数组来存储输入值
var values = [];
// 使用forEach循环遍历NodeList
inputs.forEach(function(input) {
values.push(input.value); // 将每个input的值添加到数组中
});
console.log(values); // 输出: ["Value 1", "Value 2", "Value 3"]
window.onload
事件或者将脚本放在页面底部。window.onload = function() {
// 上面的代码放在这里
};
value
属性没有正确设置。inputs.forEach(function(input) {
if (input.value.trim() !== '') { // 检查输入值是否非空
values.push(input.value);
}
});
通过这些方法,你可以有效地循环获取一组<input>
元素的值,并处理可能遇到的问题。
领取专属 10元无门槛券
手把手带您无忧上云