获取所有单选按钮和文本字段值

Question

我的页面上有一个表单，位于类 .class-lesson 中。表单本身仅包含文本字段和单选按钮。我不知道每个表单中有多少个，因为它是由 PHP 动态生成的。表单中的每个新输入都被命名为 q1、q2、...qn。

我正在尝试获取所有值，无论是否已回答，并将其存储到 JavaScript 数组中。到目前为止，这是我的代码：

// get the value of each input field
var numQuestions = $(".class-lesson label").not(".csubmit").length;

// store each answer
for (var i = 0; i < numQuestions; i++) {
 // store our variables
 var tempAnswer = undefined;
 var tempReference = $(":input[name=q"+(i+1)+"]");
 // loop through each item
 if ( tempReference.attr('type') == 'radio' ) tempAnswer = $(":input[name=q"+(i+1)+"]:checked").val();
 else tempAnswer = tempReference.val();
 // output / store the item
 alert( tempAnswer );
}

我确信必须有一种更简单的方法来做到这一点，但我不知道。这就是我问的原因。如果我没有 :checked 那么它只会获取单选组的第一个值。

那么，我怎样才能提高效率呢？

Answer 1

要以序列化形式获取整个

（或任何输入集），就像正常提交到服务器（不涉及任何 JavaScript）一样，请使用 .serialize()，如下所示：

var formData = $(".class-lesson :input").serialize();
//or...
var formData = $("#formID").serialize();

例如，如果您通过 AJAX 提交，这将使您的代码非常简单，例如：

$.post("test.php", $("#formID").serialize(), function(data) {
  alert("Response was: " + data);
});