使用jQuery循环遍历表单中的所有文本框

首先，我们可以使用jQuery中的each()函数来遍历表单中的所有文本框。在每次遍历到文本框时，我们可以使用val()函数获取文本框中的值，然后将其存储在一个数组中。最后，我们可以使用console.log()函数将数组中的所有值输出到控制台中。

以下是一个示例代码：

// 获取表单中的所有文本框
var textBoxes = $('form').find('input[type="text"]');

// 遍历所有文本框，并将值存储在一个数组中
var values = [];
$.each(textBoxes, function(index, element) {
    values.push($(element).val());
});

// 输出数组中的所有值
console.log(values);

在上面的代码中，我们首先使用$('form').find('input[type="text"]')选择器获取表单中的所有文本框，然后使用$.each()函数遍历所有文本框，并将每个文本框的值存储在一个数组中。最后，我们使用console.log()函数将数组中的所有值输出到控制台中。

如果需要将这些值发送到服务器进行存储或处理，可以将数组中的所有值添加到一个JSON对象中，然后使用POST方法发送到服务器。例如：

var values = [];
$.each(textBoxes, function(index, element) {
    values.push($(element).val());
});

var data = { values: values };
$.ajax({
    url: '/save-values',
    type: 'POST',
    data: data,
    success: function(result) {
        console.log(result);
    }
});

在上面的代码中，我们首先使用$.each()函数遍历所有文本框，并将每个文本框的值存储在一个数组中。然后，我们使用var data = { values: values };将数组中的所有值转换为JSON对象。接下来，我们使用$.ajax()函数将JSON对象发送到服务器，并在成功时输出服务器返回的结果。