📅  最后修改于: 2023-12-03 15:28:27.423000             🧑  作者: Mango
在前端开发中,经常需要获取页面中输入框等元素的值,而 JQuery 是一个非常常用的 Javascript 库,它提供了非常方便的 API 来实现这个功能。下面是如何使用 JQuery 获取所有输入框的值的示例代码:
// 获取所有输入框的 jQuery 对象
var $inputs = $('input');
// 定义对象来保存所有输入框的值
var inputValues = {};
// 遍历所有输入框,保存它们的值到 inputValues 对象中
$inputs.each(function() {
var name = $(this).attr('name');
var value = $(this).val();
inputValues[name] = value;
});
// 输出 inputValues 对象
console.log(inputValues);
以上代码首先使用 $('input')
来获取所有 <input>
元素的 jQuery 对象,然后使用 .each()
方法遍历每一个元素,通过 $(this)
获取当前元素的 jQuery 对象。使用 .attr('name')
方法获取输入框的名称,使用 .val()
方法获取输入框的值,并将它们保存到 inputValues
对象中。
最后,输出 inputValues
对象,可以看到它包含了所有输入框的名称和值。
这是一个非常简单实用的方法,可以帮助你快速地获取页面中所有输入框的值。