📌  相关文章
📜  通过类 jquery 获取所有输入值 - Javascript (1)

📅  最后修改于: 2023-12-03 15:28:27.423000             🧑  作者: Mango

通过类 jquery 获取所有输入值 - Javascript

在前端开发中,经常需要获取页面中输入框等元素的值,而 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 对象,可以看到它包含了所有输入框的名称和值。

这是一个非常简单实用的方法,可以帮助你快速地获取页面中所有输入框的值。